@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

body.caerp {
  margin: 0;
  padding: 0; }
  body.caerp h1,
  body.caerp h2,
  body.caerp h3,
  body.caerp fieldset,
  body.caerp legend,
  body.caerp input,
  body.caerp ul,
  body.caerp li,
  body.caerp p {
    margin: 0;
    padding: 0; }
  body.caerp ul {
    list-style-type: none; }
  body.caerp legend,
  body.caerp fieldset {
    border: 0 none; }

:root {
  --menu-border-width: 5px;
  --menu-mini-width: 2.5rem;
  --menu-maxi-width: 15.625rem;
  --menu-slide-margin: -13.125rem;
  --padding-xs: 2.5px;
  --padding-s: 5px;
  --padding-r: 7.5px;
  --padding-m: 10px;
  --padding-l: 15px;
  --padding-xl: 20px;
  --padding-2xl: 25px;
  --padding-3xl: 30px;
  --padding-4xl: 35px;
  --padding-5xl: 40px;
  --padding-6xl: 45px;
  --padding-7xl: 50px;
  --negative-padding-s: -5px;
  --negative-padding-m: -10px;
  --negative-padding-l: -15px;
  --negative-padding-xl: -20px;
  --print-padding-s: 1.25pt;
  --print-padding-r: 2.5pt;
  --print-padding-m: 5pt;
  --print-padding-l: 10pt;
  --print-padding-xl: 15pt;
  --print-padding-2xl: 20pt;
  --variable-horizontal-padding-xs: .3125rem;
  --variable-horizontal-padding-s: .9375rem;
  --variable-horizontal-padding-m: 1.875rem;
  --variable-horizontal-padding-l: 2.8125rem;
  --negative-variable-horizontal-padding-s: -.9375rem;
  --negative-variable-horizontal-padding-m: -1.875rem;
  --variable-vertical-padding-m: .625rem;
  --variable-vertical-padding-l: 1.25rem;
  --variable-vertical-padding-xl: 2.5rem;
  --icon-size-s: 1.125rem;
  --icon-size-m: 1.5rem;
  --icon-size-l: 2rem; }

@media (max-width: 75rem) {
  :root {
    --menu-horizontal-padding: 1rem;
    --menu-horizontal-negative-margin: -1rem;
    --menu-link-padding: calc( 1rem - 5px );
    --menu-sub-link-padding: calc( 1rem + 5px ); } }

@media (min-width: 75rem) {
  :root {
    --menu-horizontal-padding: 2rem;
    --menu-horizontal-negative-margin: -2rem;
    --menu-link-padding: calc( 2rem - 5px );
    --menu-maxi-width: 18.75rem;
    --menu-slide-margin: -16.25rem;
    --menu-sub-link-padding: calc( 2rem + 10px ); } }

:root {
  color-scheme: light dark;
  --static-color: black;
  --static-invert-color: white;
  --static-target-color: #00a3cb;
  --static-transparent: rgba(0, 0, 0, 0);
  --map-pin-color: #78919b;
  --map-favourite-pin-color: #ff9600;
  --map-cluster-large-color: #78919b;
  --map-cluster-medium-color: rgba(0, 122, 177, 0.8);
  --map-cluster-small-color: rgba(0, 122, 177, 0.5);
  --border-color: #b0b0b0;
  --border-trans-color: rgba(128, 128, 128, 0.2);
  --box-shadow-color: gray;
  --func-caution-color: #ff9600;
  --func-disabled-color: #b0b0b0;
  --func-negative-color: #e11400;
  --func-negative-alternate-color: #9b001f;
  --func-neutral-color: #007ab1;
  --func-positive-color: #10a066;
  --func-positive-alternate-color: #1de67e;
  --highlight-color: rgba(255, 255, 0, 0.75);
  --icon-neutral-color: gray;
  --link-color: #78919b;
  --loader-layer-background-color: rgba(0, 0, 0, 0.8);
  --mask-layer-background-color: rgba(255, 255, 255, 0.8);
  --oversized-text-color: black;
  --screen-background-color: white;
  --screen-shaded-background-color: #b0b0b0;
  --screen-trans-background-color: rgba(255, 255, 255, 0.95);
  --screen-striped-background-color: rgba(128, 128, 128, 0.05);
  --svg-fill-color: black;
  --svg-invert-fill-color: white;
  --text-color: #444444;
  --text-greyed-color: #757575;
  --theme-color: black;
  --theme-text-color: white;
  --title-background-color: white;
  --title-color: black;
  --collapsible-title-color: black;
  --form-button-background-color: white;
  --form-button-disabled-background-color: rgba(128, 128, 128, 0.05);
  --form-button-disabled-text-color: gray;
  --form-button-icon-color: black;
  --form-button-icon-hover-shadow: rgba(0, 0, 0, 0.5);
  --form-button-main-text-color: black;
  --form-button-text-color: black;
  --form-checkradio-disabled-line-color: #b0b0b0;
  --form-checkradio-line-color: #757575;
  --form-checkradio-line-focus-color: black;
  --form-data-background-color: white;
  --form-focus-line1-color: rgba(128, 128, 128, 0.5);
  --form-focus-line2-color: rgba(128, 128, 128, 0.2);
  --form-focus-line3-color: rgba(128, 128, 128, 0.05);
  --form-focus-outline-color: rgba(128, 128, 128, 0.5);
  --form-group-hover-color: rgba(16, 160, 102, 0.5);
  --form-icon-button-hover-color: #1de67e;
  --form-input-background-color: white;
  --form-input-disabled-text-color: gray;
  --form-input-line-color: black;
  --form-main-button-background-color: #1de67e;
  --form-required-background-color: white;
  --form-select-arrow-hover: url(../icons/chevron-select-active.svg);
  --form-select-arrow: url(../icons/chevron-select.svg);
  --form-select2-selectedline-color: rgba(128, 128, 128, 0.2);
  --form-title-text-hover-color: black;
  --login-atwork-background-color: rgba(255, 255, 255, 0.8);
  --login-atwork-hover-background-color: white;
  --login-atwork-shadow-color: gray;
  --login-text-shadow-color: white;
  --message-danger-background-color: rgba(225, 20, 0, 0.05);
  --message-default-background-color: rgba(128, 128, 128, 0.05);
  --message-default-border-color: #b0b0b0;
  --message-footer-color: #444444;
  --message-info-background-color: rgba(0, 122, 177, 0.05);
  --message-success-background-color: rgba(16, 160, 102, 0.05);
  --message-warning-background-color: rgba(255, 150, 0, 0.05);
  --tag-default-background-color: rgba(128, 128, 128, 0.2);
  --menu-active-background-color: #b0b0b0;
  --menu-background-color: white;
  --menu-border-color: white;
  --menu-text-color: black;
  --table-hover-line-color: rgba(29, 230, 126, 0.1);
  --table-input-background: rgba(255, 255, 255, 0.5);
  --table-odd-line-color: rgba(128, 128, 128, 0.1);
  --table-odd-line-theme-color: rgba(0, 122, 177, 0.1);
  --table-order-button-color: #444444;
  --table-row-recap-color: rgba(128, 128, 128, 0.05);
  --table-row-recap-main-color: rgba(128, 128, 128, 0.2);
  --table-separator-line: #757575;
  --mce-bar-background: #e6e6e6; }
  :root body.caerp.theme_manage_people {
    --oversized-text-color: #328ca5;
    --theme-color: #328ca5;
    --theme-text-color: white;
    --title-color: #328ca5;
    --collapsible-title-color: #328ca5;
    --form-title-text-hover-color: #328ca5;
    --menu-active-background-color: #cdd7dc;
    --table-row-recap-color: rgba(0, 122, 177, 0.05);
    --table-row-recap-main-color: rgba(0, 122, 177, 0.2); }
  :root body.caerp.theme_manage_entity {
    --oversized-text-color: black;
    --theme-color: #21cdf7;
    --theme-text-color: black;
    --title-color: black;
    --collapsible-title-color: black;
    --form-title-text-hover-color: #1de67e;
    --menu-active-background-color: #cdd7dc;
    --table-row-recap-color: rgba(33, 205, 247, 0.1);
    --table-row-recap-main-color: rgba(33, 205, 247, 0.25); }

@media (prefers-color-scheme: dark) {
  :root {
    --border-color: gray;
    --border-trans-color: rgba(128, 128, 128, 0.2);
    --box-shadow-color: black;
    --func-caution-color: #ffe100;
    --func-disabled-color: #b0b0b0;
    --func-negative-color: #ff9600;
    --func-negative-alternate-color: #9b001f;
    --func-neutral-color: #199aba;
    --func-positive-color: #10a066;
    --func-positive-alternate-color: #1de67e;
    --highlight-color: rgba(255, 225, 0, 0.9);
    --icon-neutral-color: #757575;
    --link-color: #1de67e;
    --loader-layer-background-color: rgba(255, 255, 255, 0.8);
    --mask-layer-background-color: rgba(0, 0, 0, 0.8);
    --oversized-text-color: #21cdf7;
    --screen-background-color: #333333;
    --screen-shaded-background-color: black;
    --screen-trans-background-color: rgba(51, 51, 51, 0.95);
    --svg-fill-color: white;
    --svg-invert-fill-color: black;
    --text-color: white;
    --text-greyed-color: rgba(255, 255, 255, 0.6);
    --title-background-color: rgba(0, 0, 0, 0.2);
    --title-color: white;
    --collapsible-title-color: #21cdf7;
    --form-button-background-color: black;
    --form-button-disabled-background-color: rgba(128, 128, 128, 0.05);
    --form-button-disabled-text-color: gray;
    --form-button-icon-color: white;
    --form-button-icon-hover-shadow: white;
    --form-button-main-text-color: black;
    --form-button-text-color: white;
    --form-checkradio-disabled-line-color: #b0b0b0;
    --form-checkradio-line-color: rgba(255, 255, 255, 0.8);
    --form-checkradio-line-focus-color: white;
    --form-data-background-color: rgba(0, 0, 0, 0.2);
    --form-focus-line1-color: rgba(255, 255, 255, 0.8);
    --form-focus-line2-color: rgba(255, 255, 255, 0.5);
    --form-focus-line3-color: rgba(255, 255, 255, 0.2);
    --form-focus-outline-color: rgba(255, 255, 255, 0.5);
    --form-group-hover-color: rgba(16, 160, 102, 0.5);
    --form-icon-button-hover-color: #1de67e;
    --form-input-background-color: black;
    --form-input-disabled-text-color: gray;
    --form-input-line-color: white;
    --form-main-button-background-color: #1de67e;
    --form-required-background-color: black;
    --form-select-arrow-hover: url(../icons/chevron-select-active.svg);
    --form-select-arrow: url(../icons/chevron-select-white.svg);
    --form-select2-selectedline-color: rgba(128, 128, 128, 0.5);
    --form-title-text-hover-color: #1de67e;
    --login-atwork-background-color: rgba(0, 0, 0, 0.8);
    --login-atwork-hover-background-color: black;
    --login-atwork-shadow-color: black;
    --login-text-shadow-color: black;
    --message-danger-background-color: rgba(0, 0, 0, 0.2);
    --message-default-background-color: rgba(0, 0, 0, 0.2);
    --message-default-border-color: #b0b0b0;
    --message-footer-color: rgba(255, 255, 255, 0.6);
    --message-info-background-color: rgba(0, 0, 0, 0.2);
    --message-success-background-color: rgba(0, 0, 0, 0.2);
    --message-warning-background-color: rgba(0, 0, 0, 0.2);
    --menu-active-background-color: gray;
    --menu-background-color: black;
    --menu-border-color: black;
    --menu-text-color: white;
    --table-hover-line-color: rgba(29, 230, 126, 0.2);
    --table-input-background: rgba(0, 0, 0, 0.5);
    --table-odd-line-color: rgba(255, 255, 255, 0.05);
    --table-odd-line-theme-color: rgba(0, 122, 177, 0.1);
    --table-order-button-color: #b0b0b0;
    --table-row-recap-color: rgba(33, 205, 247, 0.25);
    --table-row-recap-main-color: rgba(128, 128, 128, 0.2);
    --table-separator-line: rgba(255, 255, 255, 0.5);
    --mce-bar-background: #444444; }
    :root body.caerp.theme_manage_people {
      --oversized-text-color: #21cdf7;
      --title-color: white;
      --collapsible-title-color: #1de67e;
      --form-title-text-hover-color: #1de67e;
      --menu-active-background-color: #78919b;
      --table-row-recap-color: rgba(33, 205, 247, 0.25);
      --table-row-recap-main-color: rgba(33, 205, 247, 0.55); }
    :root body.caerp.theme_manage_entity {
      --oversized-text-color: #21cdf7;
      --title-color: #21cdf7;
      --collapsible-title-color: #1de67e;
      --form-title-text-hover-color: #1de67e;
      --menu-active-background-color: #199aba;
      --table-row-recap-color: rgba(33, 205, 247, 0.1);
      --table-row-recap-main-color: rgba(33, 205, 247, 0.25); } }

:root {
  --font-family-main: Arial,Helvetica Neue,Helvetica,sans-serif;
  --font-family-secondary: Century Gothic,CenturyGothic,AppleGothic,sans-serif; }

body.caerp {
  color: var(--text-color);
  font-family: var(--font-family-main); }
  body.caerp input,
  body.caerp textarea,
  body.caerp button {
    font-family: var(--font-family-main); }
  body.caerp h1,
  body.caerp h2,
  body.caerp h3,
  body.caerp h4,
  body.caerp h5,
  body.caerp h6,
  body.caerp .base_menu,
  body.caerp .base_menu button,
  body.caerp .base_menu input {
    font-family: var(--font-family-secondary); }
  body.caerp h1 {
    font-size: 1.5rem;
    font-weight: bold; }
  body.caerp h2 {
    font-size: 1.375rem;
    font-weight: bold; }
  body.caerp h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: .2em; }
  body.caerp h4 {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: .2em; }
  body.caerp h5 {
    font-size: 1.125rem;
    font-weight: normal;
    margin-bottom: .2em; }
  body.caerp h6 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .2em; }
  body.caerp h2 > img,
  body.caerp h3 > img {
    margin: 0 var(--padding-s);
    vertical-align: middle; }
    body.caerp h2 > img:first-child,
    body.caerp h3 > img:first-child {
      margin: 0 var(--padding-s) 0 0; }
    body.caerp h2 > img:last-child,
    body.caerp h3 > img:last-child {
      margin: 0 0 0 var(--padding-s); }
  body.caerp p {
    line-height: 1.25; }
  body.caerp .positive_text {
    color: var(--func-positive-color); }
  body.caerp .negative_text {
    color: var(--func-negative-color); }
  body.caerp .highlight {
    background: var(--message-info-background-color);
    margin: .5em 0;
    padding: 2px; }
  body.caerp .highlight_title {
    background: var(--message-info-background-color);
    font-size: 1.5rem;
    margin: .5em 0;
    padding: 2px; }
  body.caerp .highlight_pen {
    background: var(--highlight-color) !important;
    color: var(--static-color) !important; }
  body.caerp .oversized_text {
    color: var(--oversized-text-color);
    font-size: 2rem;
    font-weight: bold;
    padding: .5em 0; }
  body.caerp .important_number {
    font-size: 3rem;
    text-align: center; }
  body.caerp sup {
    font-size: .625em; }
  body.caerp .data_display h2,
  body.caerp .data_display h3 {
    padding: var(--padding-s) 0; }
    body.caerp .data_display h2 + div,
    body.caerp .data_display h3 + div {
      padding-top: var(--padding-m); }
  body.caerp .data_display .two_cols {
    align-items: baseline;
    align-items: first baseline;
    padding: var(--padding-s) 0; }
  body.caerp .data_display strong,
  body.caerp .data_display b {
    line-height: 1.1; }
  body.caerp .data_display i,
  body.caerp .data_display em {
    color: var(--text-greyed-color); }
  body.caerp .data_display em.empty {
    font-size: .875rem; }
  body.caerp .data_display div.empty {
    color: var(--text-greyed-color); }
    body.caerp .data_display div.empty dt {
      font-weight: normal; }
    body.caerp .data_display div.empty dd {
      font-size: .875rem; }
  body.caerp .data_display.separate_block {
    margin-bottom: var(--padding-xl); }
  body.caerp address {
    font-style: normal; }

@media (min-width: 75rem) {
  body.caerp .product_catalogue > div:nth-child(2) {
    border-left: 1px dashed var(--border-trans-color);
    padding: 0 0 0 var(--padding-s); } }

@media (max-width: 75rem) {
  body.caerp .product_catalogue {
    flex-wrap: wrap; }
    body.caerp .product_catalogue > div {
      flex: 1 0 100%; }
      body.caerp .product_catalogue > div:nth-child(2) {
        border-top: 1px dashed var(--border-trans-color);
        margin-top: var(--padding-m);
        padding: var(--padding-s) 0 0 0; }
        body.caerp .product_catalogue > div:nth-child(2) table {
          min-width: 25em; } }

body.caerp .collapsible {
  position: relative; }
  body.caerp .collapsible .collapse_title.title > a {
    border: 0 none;
    margin-left: var(--negative-padding-s);
    padding: 0; }
  body.caerp .collapsible .collapse_title > a {
    all: inherit;
    color: var(--text-color);
    cursor: pointer;
    text-decoration: none; }
    body.caerp .collapsible .collapse_title > a:hover, body.caerp .collapsible .collapse_title > a:focus, body.caerp .collapsible .collapse_title > a:active {
      box-shadow: none;
      color: var(--collapsible-title-color); }
      body.caerp .collapsible .collapse_title > a:hover > svg,
      body.caerp .collapsible .collapse_title > a:hover svg.arrow, body.caerp .collapsible .collapse_title > a:focus > svg,
      body.caerp .collapsible .collapse_title > a:focus svg.arrow, body.caerp .collapsible .collapse_title > a:active > svg,
      body.caerp .collapsible .collapse_title > a:active svg.arrow {
        fill: var(--form-icon-button-hover-color); }
    body.caerp .collapsible .collapse_title > a svg.arrow {
      fill: var(--form-main-button-background-color);
      margin-left: var(--padding-s);
      vertical-align: text-bottom; }
    body.caerp .collapsible .collapse_title > a svg.icon {
      fill: var(--icon-neutral-color); }
    body.caerp .collapsible .collapse_title > a .icon {
      margin: 0 var(--padding-s);
      vertical-align: text-top; }
    body.caerp .collapsible .collapse_title > a + small {
      display: inline-block;
      font-size: .75em;
      line-height: 1.25;
      padding-left: 0; }
      body.caerp .collapsible .collapse_title > a + small em {
        font-size: .875em; }
  body.caerp .collapsible .collapse_title[aria-expanded="true"] .icon.folder,
  body.caerp .collapsible .collapse_title *[aria-expanded="true"] .icon.folder {
    display: none; }
  body.caerp .collapsible .collapse_title[aria-expanded="true"] .icon.folder-open,
  body.caerp .collapsible .collapse_title *[aria-expanded="true"] .icon.folder-open {
    display: inline-block; }
  body.caerp .collapsible .collapse_title[aria-expanded="true"] svg.arrow,
  body.caerp .collapsible .collapse_title *[aria-expanded="true"] svg.arrow {
    transform: rotate(180deg); }
  body.caerp .collapsible .collapse_title[aria-expanded="true"] svg.plus,
  body.caerp .collapsible .collapse_title *[aria-expanded="true"] svg.plus {
    display: none; }
  body.caerp .collapsible .collapse_title[aria-expanded="true"] svg.minus,
  body.caerp .collapsible .collapse_title *[aria-expanded="true"] svg.minus {
    display: inline; }
  body.caerp .collapsible .collapse_title[aria-expanded="false"] .icon.folder,
  body.caerp .collapsible .collapse_title *[aria-expanded="false"] .icon.folder {
    display: inline-block; }
  body.caerp .collapsible .collapse_title[aria-expanded="false"] .icon.folder-open,
  body.caerp .collapsible .collapse_title *[aria-expanded="false"] .icon.folder-open {
    display: none; }
  body.caerp .collapsible .collapse_title[aria-expanded="false"] svg.arrow,
  body.caerp .collapsible .collapse_title *[aria-expanded="false"] svg.arrow {
    transform: rotate(0deg); }
  body.caerp .collapsible .collapse_title[aria-expanded="false"] svg.plus,
  body.caerp .collapsible .collapse_title *[aria-expanded="false"] svg.plus {
    display: inline; }
  body.caerp .collapsible .collapse_title[aria-expanded="false"] svg.minus,
  body.caerp .collapsible .collapse_title *[aria-expanded="false"] svg.minus {
    display: none; }
  body.caerp .collapsible .collapse_title .help_text {
    display: inline-block; }
    body.caerp .collapsible .collapse_title .help_text small {
      font-size: 1rem;
      font-weight: normal; }
    body.caerp .collapsible .collapse_title .help_text a {
      color: var(--text-color);
      font-size: 1rem;
      padding-left: var(--padding-m);
      text-decoration: none; }
      body.caerp .collapsible .collapse_title .help_text a svg {
        fill: var(--svg-fill-color);
        vertical-align: -.1em; }
      body.caerp .collapsible .collapse_title .help_text a:hover svg, body.caerp .collapsible .collapse_title .help_text a:focus svg, body.caerp .collapsible .collapse_title .help_text a:active svg {
        fill: var(--form-icon-button-hover-color); }
  body.caerp .collapsible .collapse_content {
    padding-left: var(--padding-3xl); }
    body.caerp .collapsible .collapse_content .collapse > div:not(:empty) {
      padding: var(--padding-s) var(--padding-s) var(--padding-s) 0; }
    body.caerp .collapsible .collapse_content > div {
      padding-top: var(--padding-s); }
    body.caerp .collapsible .collapse_content h4 {
      padding: var(--padding-s) 0; }
  body.caerp .collapsible.separate_block.border_left_block .title {
    padding-left: 0; }
  body.caerp .collapsible.separate_block .collapse_title > a.separate_bottom {
    border-bottom: 1px solid var(--border-trans-color);
    padding: var(--padding-s) 0; }
  body.caerp .collapsible.separate_bottom {
    padding-bottom: var(--padding-s); }
  body.caerp .collapsible .collapse_title_buttons {
    display: flex;
    right: 0;
    padding: 0;
    position: absolute;
    top: 2px;
    z-index: 5; }
    body.caerp .collapsible .collapse_title_buttons button.icon.only,
    body.caerp .collapsible .collapse_title_buttons a.icon.only {
      margin-left: var(--padding-s);
      padding: var(--padding-s);
      position: static; }
  body.caerp .collapsible a.collapse_button:hover, body.caerp .collapsible a.collapse_button:focus, body.caerp .collapsible a.collapse_button:active {
    color: var(--link-color);
    text-decoration: none; }
    body.caerp .collapsible a.collapse_button:hover svg, body.caerp .collapsible a.collapse_button:focus svg, body.caerp .collapsible a.collapse_button:active svg {
      fill: var(--link-color); }
  body.caerp .collapsible a.collapse_button svg {
    fill: var(--text-color);
    margin: 0 var(--padding-xs); }

@media (max-width: 50rem) {
  body.caerp .collapsible .collapse_content {
    padding-left: var(--padding-xl); } }

@media (max-width: 31.25rem) {
  body.caerp .collapsible .collapse_content {
    padding-left: var(--padding-m); } }

body.caerp .entities_choice {
  padding: var(--padding-xl) 0; }
  body.caerp .entities_choice ul {
    flex-wrap: wrap;
    list-style-type: none;
    margin-right: -var(--padding-m);
    padding: var(--padding-xl) 0; }
    body.caerp .entities_choice ul li a {
      display: block;
      height: 100%;
      text-decoration: none; }
      body.caerp .entities_choice ul li a:hover, body.caerp .entities_choice ul li a:focus, body.caerp .entities_choice ul li a:active {
        box-shadow: 0 2px 4px var(--box-shadow-color);
        transform: translateY(-1px); }
      body.caerp .entities_choice ul li a::after {
        clear: right;
        content: "";
        display: block; }
      body.caerp .entities_choice ul li a p {
        font-size: .875rem;
        padding: var(--padding-s) 0; }
    body.caerp .entities_choice ul li > span,
    body.caerp .entities_choice ul li > label {
      display: block;
      line-height: 1;
      height: 100%; }
      body.caerp .entities_choice ul li > span strong,
      body.caerp .entities_choice ul li > label strong {
        display: inline-block;
        padding-bottom: var(--padding-s); }
      body.caerp .entities_choice ul li > span span,
      body.caerp .entities_choice ul li > label span {
        display: block; }
    body.caerp .entities_choice ul li .thumbnail {
      background: var(--mask-layer-background-color);
      float: right;
      height: 4.5rem;
      padding: .25rem;
      width: 4.5rem; }
      body.caerp .entities_choice ul li .thumbnail img {
        height: auto;
        max-height: 4rem;
        max-width: 4rem;
        width: auto; }
  body.caerp .entities_choice:not(.large_list) .search_form {
    min-width: 12.5rem;
    width: calc(33.3333% - 10px); }
  body.caerp .entities_choice:not(.large_list) li {
    margin: 0 var(--padding-m) var(--padding-m) 0;
    min-width: 12.5rem;
    width: calc(33.3333% - 10px); }
  body.caerp .entities_choice:not(.large_list) li a,
  body.caerp .entities_choice:not(.large_list) li > span {
    background: var(--form-main-button-background-color);
    color: var(--static-color);
    padding: var(--padding-m); }
    body.caerp .entities_choice:not(.large_list) li a h2,
    body.caerp .entities_choice:not(.large_list) li > span h2 {
      margin-bottom: var(--padding-s); }
    body.caerp .entities_choice:not(.large_list) li a span,
    body.caerp .entities_choice:not(.large_list) li > span span {
      font-size: .875rem; }

body.caerp h2.title + .entities_choice ul {
  padding: 0; }

@media (max-width: 62.5rem) {
  body.caerp .entities_choice li,
  body.caerp .entities_choice .search_form {
    width: calc(50% - 10px); } }

@media (max-width: 31.25rem) {
  body.caerp .entities_choice ul,
  body.caerp .entities_choice:not(.large_list) ul {
    width: 100%; }
  body.caerp .entities_choice li,
  body.caerp .entities_choice .search_form,
  body.caerp .entities_choice:not(.large_list) li,
  body.caerp .entities_choice:not(.large_list) .search_form {
    margin-right: 0;
    width: 100%; } }

/* range slider styling with vendor prefixes
*
* selector with vendor prefixes cannot be comma-sepparated.
* Results into repeating a lot.
* Those mixins target at reducing repetition.
*/
body.caerp form.btn-container {
  display: inline; }

body.caerp form {
  font-size: .875rem; }
  body.caerp form > div {
    padding-bottom: var(--padding-m); }
  body.caerp form legend,
  body.caerp form h2,
  body.caerp form h3,
  body.caerp form h4 {
    font-weight: bold;
    padding: var(--padding-s) 0;
    width: 100%; }
  body.caerp form legend {
    font-size: 1.25rem;
    margin-bottom: var(--padding-s); }
  body.caerp form .collapse_title,
  body.caerp form .title {
    color: var(--title-color); }
    body.caerp form .collapse_title + div,
    body.caerp form .title + div {
      padding-top: var(--padding-l); }
    body.caerp form .collapse_title ~ div,
    body.caerp form .title ~ div {
      padding: var(--padding-s) 0; }
  body.caerp form .collapse_title ~ div {
    padding-left: var(--padding-4xl);
    padding-right: var(--padding-s); }
  body.caerp form small {
    font-size: .875rem;
    font-weight: normal; }
  body.caerp form.layout .form-row {
    display: flex;
    flex-wrap: wrap; }

body.caerp fieldset > div,
body.caerp fieldset .flex > div {
  position: relative; }
  body.caerp fieldset > div:not(:last-child):not(:empty):not(.col-content):not(.collapsible),
  body.caerp fieldset .flex > div:not(:last-child):not(:empty):not(.col-content):not(.collapsible) {
    padding-bottom: var(--padding-xl); }

body.caerp fieldset .flex.end_button .col-content {
  padding-bottom: 0; }

body.caerp fieldset .flex.end_button .col-button {
  padding: 1.5rem 0 0; }

body.caerp fieldset .flex > div {
  padding-right: var(--padding-m);
  padding-bottom: var(--padding-xl); }

body.caerp fieldset > .flex {
  padding-bottom: 0; }

body.caerp fieldset .flex {
  flex-wrap: wrap; }
  body.caerp fieldset .flex button {
    align-self: flex-start; }

body.caerp fieldset .flex.editable {
  padding-right: var(--padding-m); }
  body.caerp fieldset .flex.editable > div.content {
    max-width: calc(100% - 40px); }
    body.caerp fieldset .flex.editable > div.content label {
      display: flex;
      padding: var(--padding-s) 0; }
    body.caerp fieldset .flex.editable > div.content em {
      display: inline-block;
      padding-top: var(--padding-s); }
  body.caerp fieldset .flex.editable > button {
    margin: 0; }

body.caerp fieldset.border {
  border-color: var(--theme-color); }

body.caerp .separate_block .title {
  background: var(--title-background-color);
  border-bottom: 1px solid var(--border-trans-color);
  color: var(--text-color);
  font-weight: bold;
  padding: var(--padding-s) var(--padding-m);
  width: 100%; }
  body.caerp .separate_block .title a {
    background: none; }
  body.caerp .separate_block .title + .content {
    padding: var(--padding-s); }
  body.caerp .separate_block .title.with_action {
    align-items: center;
    border-top: 1px solid var(--border-trans-color);
    display: flex;
    justify-content: space-between;
    margin-top: var(--padding-xl); }

body.caerp .separate_block .content_vertical_padding:first-child .title.with_action {
  margin-top: var(--padding-m); }

body.caerp .separate_block em.empty {
  padding: 0 var(--padding-s); }

body.caerp .separate_block.border_left_block .title {
  padding-left: var(--padding-m);
  padding-right: var(--padding-m); }
  body.caerp .separate_block.border_left_block .title ~ div {
    padding: var(--padding-m); }

body.caerp .separate_block.border_left_block h2.collapse_title {
  padding-left: var(--padding-m);
  padding-right: var(--padding-m); }
  body.caerp .separate_block.border_left_block h2.collapse_title ~ div {
    padding: 0 var(--padding-m) var(--padding-s) var(--padding-4xl); }

body.caerp .collapsible .separate_block .collapse_title > a:hover, body.caerp .collapsible .separate_block .collapse_title > a:focus, body.caerp .collapsible .separate_block .collapse_title > a:active {
  color: var(--form-title-text-hover-color); }

body.caerp .border_left_block h2.collapse_title span.status.error,
body.caerp .border_left_block h2.title span.status.error {
  background: var(--func-negative-color);
  display: none; }
  body.caerp .border_left_block h2.collapse_title span.status.error svg,
  body.caerp .border_left_block h2.title span.status.error svg {
    fill: var(--svg-invert-fill-color); }

body.caerp .border_left_block h2.collapse_title span.status.success,
body.caerp .border_left_block h2.title span.status.success {
  background: var(--func-positive-color);
  display: none; }

body.caerp .border_left_block.error {
  border-left-color: var(--func-negative-color) !important; }
  body.caerp .border_left_block.error h2.collapse_title svg.arrow {
    fill: var(--func-negative-color); }
  body.caerp .border_left_block.error h2.collapse_title span.status.error,
  body.caerp .border_left_block.error h2.title span.status.error {
    display: inline-block; }

body.caerp .border_left_block.success {
  border-left-color: var(--func-positive-color) !important; }
  body.caerp .border_left_block.success .collapse_title svg.arrow {
    fill: var(--func-positive-color); }
  body.caerp .border_left_block.success h2.collapse_title span.status.success,
  body.caerp .border_left_block.success h2.title span.status.success {
    display: inline-block; }

body.caerp label,
body.caerp span.label {
  display: inline-block; }
  body.caerp label svg,
  body.caerp span.label svg {
    height: 1rem;
    vertical-align: text-top;
    width: 1rem; }
    body.caerp label svg.error,
    body.caerp span.label svg.error {
      display: none; }
  body.caerp label.required .icon svg,
  body.caerp span.label.required .icon svg {
    fill: var(--func-negative-color);
    height: .75rem;
    vertical-align: text-top;
    width: .75rem; }
  body.caerp label.required .icon.required,
  body.caerp span.label.required .icon.required {
    font-size: .75rem;
    font-weight: normal; }
    body.caerp label.required .icon.required span,
    body.caerp span.label.required .icon.required span {
      background: var(--form-required-background-color);
      display: none;
      margin-left: .5em;
      position: absolute;
      white-space: nowrap;
      z-index: 5; }
  body.caerp label.required:hover .icon.required span, body.caerp label.required:focus .icon.required span,
  body.caerp span.label.required:hover .icon.required span,
  body.caerp span.label.required:focus .icon.required span {
    display: inline; }
  body.caerp label span.req,
  body.caerp span.label span.req {
    background: var(--func-negative-color);
    border-radius: 50%;
    color: var(--static-invert-color);
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    height: .825rem;
    line-height: 1.25rem;
    margin-left: .375rem;
    text-align: center;
    vertical-align: 0;
    width: .825rem; }

body.caerp label[for],
body.caerp span.label {
  font-weight: bold;
  padding: 2px 0; }

body.caerp label:not([for]) {
  align-items: flex-start;
  display: flex;
  line-height: 1;
  padding: var(--padding-s) 0; }
  body.caerp label:not([for]) input[type="checkbox"],
  body.caerp label:not([for]) input[type="radio"] {
    flex: 0 0 auto; }

body.caerp .timeslot_attendee div.radio {
  padding-top: 0;
  width: auto; }

body.caerp .timeslot_attendee label:first-child {
  padding: var(--padding-s) 0;
  width: 15em; }

body.caerp .timeslot_attendee:nth-child(2n) {
  background: var(--table-odd-line-color); }

body.caerp .timeslot_attendee .radio-inline {
  margin: .0625rem 0;
  padding-bottom: .125rem;
  padding-right: var(--padding-2xl); }

body.caerp input[type="text"],
body.caerp input[type="password"],
body.caerp input[type="number"],
body.caerp input[type="date"],
body.caerp input[type="search"],
body.caerp select,
body.caerp textarea {
  background: var(--form-input-background-color);
  border: 1px solid var(--form-input-background-color);
  border-bottom-color: var(--form-input-line-color);
  border-radius: 0;
  box-shadow: none;
  color: var(--text-color);
  font-size: .875rem;
  padding: var(--padding-m) 1px; }
  body.caerp input[type="text"]:disabled,
  body.caerp input[type="password"]:disabled,
  body.caerp input[type="number"]:disabled,
  body.caerp input[type="date"]:disabled,
  body.caerp input[type="search"]:disabled,
  body.caerp select:disabled,
  body.caerp textarea:disabled {
    border-bottom-color: var(--form-focus-line2-color);
    color: var(--form-input-disabled-text-color);
    cursor: default; }
  body.caerp input[type="text"]:invalid,
  body.caerp input[type="password"]:invalid,
  body.caerp input[type="number"]:invalid,
  body.caerp input[type="date"]:invalid,
  body.caerp input[type="search"]:invalid,
  body.caerp select:invalid,
  body.caerp textarea:invalid {
    border-bottom-color: var(--func-negative-color);
    outline: 0 none; }
  body.caerp input[type="text"]:not(:disabled):not([readonly]):focus,
  body.caerp input[type="password"]:not(:disabled):not([readonly]):focus,
  body.caerp input[type="number"]:not(:disabled):not([readonly]):focus,
  body.caerp input[type="date"]:not(:disabled):not([readonly]):focus,
  body.caerp input[type="search"]:not(:disabled):not([readonly]):focus,
  body.caerp select:not(:disabled):not([readonly]):focus,
  body.caerp textarea:not(:disabled):not([readonly]):focus {
    box-shadow: 0 1px 0 var(--form-focus-line1-color), 0 2px 0 var(--form-focus-line2-color), 0 3px 0 var(--form-focus-line3-color);
    outline: 1px dotted var(--form-focus-outline-color);
    outline-offset: 1px; }
  body.caerp input[type="text"][readonly],
  body.caerp input[type="password"][readonly],
  body.caerp input[type="number"][readonly],
  body.caerp input[type="date"][readonly],
  body.caerp input[type="search"][readonly],
  body.caerp select[readonly],
  body.caerp textarea[readonly] {
    border-bottom-color: transparent;
    cursor: default; }
    body.caerp input[type="text"][readonly]:focus,
    body.caerp input[type="password"][readonly]:focus,
    body.caerp input[type="number"][readonly]:focus,
    body.caerp input[type="date"][readonly]:focus,
    body.caerp input[type="search"][readonly]:focus,
    body.caerp select[readonly]:focus,
    body.caerp textarea[readonly]:focus {
      outline: 0 none; }
  body.caerp input[type="text"]:-webkit-autofill,
  body.caerp input[type="password"]:-webkit-autofill,
  body.caerp input[type="number"]:-webkit-autofill,
  body.caerp input[type="date"]:-webkit-autofill,
  body.caerp input[type="search"]:-webkit-autofill,
  body.caerp select:-webkit-autofill,
  body.caerp textarea:-webkit-autofill {
    color: var(--static-color) !important; }
  body.caerp input[type="text"]:autofill,
  body.caerp input[type="password"]:autofill,
  body.caerp input[type="number"]:autofill,
  body.caerp input[type="date"]:autofill,
  body.caerp input[type="search"]:autofill,
  body.caerp select:autofill,
  body.caerp textarea:autofill {
    color: var(--text-color) !important; }

body.caerp input[type="file"] {
  font-size: .875rem;
  padding: var(--padding-m) 0; }

body.caerp input[type="color"] {
  border: 1px solid var(--border-color);
  border-radius: 0;
  height: 1rem;
  width: 1rem; }

body.caerp input[type="text"],
body.caerp input[type="password"],
body.caerp input[type="number"],
body.caerp input[type="date"],
body.caerp input[type="search"],
body.caerp select {
  height: 2.5rem;
  line-height: 1.25rem; }

body.caerp select option {
  background: var(--form-input-background-color);
  color: var(--text-color);
  padding: 0; }

body.caerp select[multiple] option {
  padding: 2px 0; }

body.caerp select[multiple] {
  height: auto; }
  body.caerp select[multiple] option[selected] {
    background: var(--theme-color);
    color: var(--theme-text-color); }

body.caerp input[type="number"],
body.caerp input[type="date"],
body.caerp input.hasDatepicker[type="text"] {
  width: 9em; }

body.caerp input.coef[type="text"] {
  width: 5em; }

body.caerp input.price[type="text"] {
  width: 7em; }

body.caerp input[type="date"]::-webkit-inner-spin-button,
body.caerp input[type="date"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

body.caerp input[type="radio"],
body.caerp input[type="checkbox"] {
  height: 1.5rem;
  margin-right: .25rem;
  vertical-align: middle;
  width: 1.5rem; }

body.caerp textarea {
  line-height: 1rem; }

body.caerp a.btn,
body.caerp button {
  background: var(--form-button-background-color);
  border: 1px solid var(--form-main-button-background-color);
  border-radius: 0;
  color: var(--form-button-text-color);
  cursor: pointer;
  font-size: .875rem;
  font-weight: bold;
  padding: .5rem 1.25rem; }
  body.caerp a.btn svg,
  body.caerp button svg {
    font-size: 1rem;
    fill: var(--form-button-text-color);
    height: 1rem;
    pointer-events: none;
    vertical-align: sub;
    width: 1rem; }
    body.caerp a.btn svg title,
    body.caerp button svg title {
      display: none; }
    body.caerp a.btn svg:last-child,
    body.caerp button svg:last-child {
      margin-right: 0; }
  body.caerp a.btn + a.btn,
  body.caerp a.btn + button,
  body.caerp a.btn + .btn-container,
  body.caerp button + a.btn,
  body.caerp button + button,
  body.caerp button + .btn-container {
    margin-left: var(--padding-s); }
  body.caerp a.btn:not(.mini) svg,
  body.caerp button:not(.mini) svg {
    margin-left: var(--negative-padding-s);
    margin-right: var(--padding-s); }
  body.caerp a.btn:not(.mini) svg.last,
  body.caerp button:not(.mini) svg.last {
    margin-left: var(--padding-s);
    margin-right: var(--negative-padding-s); }
  body.caerp a.btn.small,
  body.caerp button.small {
    font-size: .825rem;
    font-weight: normal;
    padding: .25rem; }
    body.caerp a.btn.small.icon,
    body.caerp button.small.icon {
      padding-left: .25rem;
      padding-right: .625rem; }
    body.caerp a.btn.small svg,
    body.caerp button.small svg {
      margin-left: 0; }
  body.caerp a.btn.icon,
  body.caerp button.icon {
    padding-left: var(--padding-m); }
    body.caerp a.btn.icon svg,
    body.caerp button.icon svg {
      margin: 0 var(--padding-s); }
  body.caerp a.btn.icon.only,
  body.caerp button.icon.only {
    display: inline-flex;
    padding: .625rem; }
    body.caerp a.btn.icon.only svg,
    body.caerp button.icon.only svg {
      flex: 0 0 1rem;
      margin: 0; }
    body.caerp a.btn.icon.only.close,
    body.caerp button.icon.only.close {
      border: 0 none;
      padding: .625rem; }
  body.caerp a.btn.negative,
  body.caerp button.negative {
    border-color: var(--func-negative-color); }
    body.caerp a.btn.negative.btn-primary,
    body.caerp button.negative.btn-primary {
      background: var(--func-negative-color);
      color: var(--static-invert-color); }
      body.caerp a.btn.negative.btn-primary svg,
      body.caerp button.negative.btn-primary svg {
        fill: var(--static-invert-color); }
      body.caerp a.btn.negative.btn-primary:not(:disabled):hover svg, body.caerp a.btn.negative.btn-primary:not(:disabled):focus svg, body.caerp a.btn.negative.btn-primary:not(:disabled):active svg,
      body.caerp button.negative.btn-primary:not(:disabled):hover svg,
      body.caerp button.negative.btn-primary:not(:disabled):focus svg,
      body.caerp button.negative.btn-primary:not(:disabled):active svg {
        fill: var(--static-invert-color); }
  body.caerp a.btn.btn-primary,
  body.caerp button.btn-primary {
    background: var(--form-main-button-background-color);
    color: var(--form-button-main-text-color); }
    body.caerp a.btn.btn-primary svg,
    body.caerp button.btn-primary svg {
      fill: var(--form-button-main-text-color); }
  body.caerp a.btn.loader,
  body.caerp button.loader {
    position: relative; }
    body.caerp a.btn.loader .loading_box,
    body.caerp button.loader .loading_box {
      position: absolute; }
      body.caerp a.btn.loader .loading_box svg,
      body.caerp button.loader .loading_box svg {
        fill: var(--svg-invert-fill-color) !important;
        height: 75%;
        margin: 0;
        width: auto; }
  body.caerp a.btn.mini,
  body.caerp button.mini {
    height: 1.25rem;
    width: 1.25rem; }
    body.caerp a.btn.mini svg,
    body.caerp button.mini svg {
      height: .75rem;
      margin: .25rem;
      width: .75rem; }
  body.caerp a.btn.unstyled,
  body.caerp button.unstyled {
    background: none;
    border: 0 none;
    font-size: inherit;
    cursor: pointer;
    padding: 0; }
    body.caerp a.btn.unstyled:not(:disabled):hover, body.caerp a.btn.unstyled:not(:disabled):focus, body.caerp a.btn.unstyled:not(:disabled):active,
    body.caerp button.unstyled:not(:disabled):hover,
    body.caerp button.unstyled:not(:disabled):focus,
    body.caerp button.unstyled:not(:disabled):active {
      background: var(--screen-trans-background-color);
      box-shadow: none;
      color: var(--form-icon-button-hover-color);
      transform: none; }
      body.caerp a.btn.unstyled:not(:disabled):hover svg, body.caerp a.btn.unstyled:not(:disabled):focus svg, body.caerp a.btn.unstyled:not(:disabled):active svg,
      body.caerp button.unstyled:not(:disabled):hover svg,
      body.caerp button.unstyled:not(:disabled):focus svg,
      body.caerp button.unstyled:not(:disabled):active svg {
        fill: var(--form-icon-button-hover-color);
        filter: drop-shadow(0 1px 0 var(--form-button-icon-hover-shadow)); }
    body.caerp a.btn.unstyled.btn-primary:not(:disabled):hover svg, body.caerp a.btn.unstyled.btn-primary:not(:disabled):focus svg, body.caerp a.btn.unstyled.btn-primary:not(:disabled):active svg,
    body.caerp button.unstyled.btn-primary:not(:disabled):hover svg,
    body.caerp button.unstyled.btn-primary:not(:disabled):focus svg,
    body.caerp button.unstyled.btn-primary:not(:disabled):active svg {
      fill: var(--static-invert-color); }
    body.caerp a.btn.unstyled.negative svg,
    body.caerp button.unstyled.negative svg {
      fill: var(--func-negative-color); }
  body.caerp a.btn.dropdown-toggle,
  body.caerp button.dropdown-toggle {
    margin-bottom: 0;
    padding-right: var(--padding-s); }
    body.caerp a.btn.dropdown-toggle[aria-expanded="true"] .menu_arrow,
    body.caerp button.dropdown-toggle[aria-expanded="true"] .menu_arrow {
      transform: rotate(180deg); }
    body.caerp a.btn.dropdown-toggle > span::after,
    body.caerp button.dropdown-toggle > span::after {
      content: "…";
      padding-right: var(--padding-s); }

body.caerp a.btn:link,
body.caerp a.btn:visited {
  color: var(--form-button-text-color);
  display: inline-block;
  text-decoration: none; }

body.caerp a.btn:disabled,
body.caerp a.btn.disabled,
body.caerp button:disabled,
body.caerp button.disabled {
  background-color: var(--form-button-disabled-background-color);
  border-color: var(--form-button-disabled-background-color);
  box-shadow: none !important;
  color: var(--form-button-disabled-text-color);
  cursor: default; }
  body.caerp a.btn:disabled svg,
  body.caerp a.btn.disabled svg,
  body.caerp button:disabled svg,
  body.caerp button.disabled svg {
    fill: var(--form-button-disabled-text-color); }

body.caerp a.btn.btn-primary:link,
body.caerp a.btn.btn-primary:visited {
  color: var(--form-button-main-text-color); }

body.caerp a.btn.btn-primary:disabled,
body.caerp a.btn.btn-primary.disabled,
body.caerp button.btn-primary:disabled,
body.caerp button.btn-primary.disabled {
  background-color: var(--form-button-disabled-text-color);
  color: var(--static-invert-color); }
  body.caerp a.btn.btn-primary:disabled svg,
  body.caerp a.btn.btn-primary.disabled svg,
  body.caerp button.btn-primary:disabled svg,
  body.caerp button.btn-primary.disabled svg {
    fill: var(--static-invert-color); }

body.caerp a.btn.btn-primary:not(:disabled):hover,
body.caerp a.btn.btn-primary:not(:disabled):focus,
body.caerp a.btn.btn-primary:not(:disabled):active,
body.caerp button.btn-primary:not(:disabled):hover,
body.caerp button.btn-primary:not(:disabled):focus,
body.caerp button.btn-primary:not(:disabled):active {
  color: var(--form-button-main-text-color); }
  body.caerp a.btn.btn-primary:not(:disabled):hover svg,
  body.caerp a.btn.btn-primary:not(:disabled):focus svg,
  body.caerp a.btn.btn-primary:not(:disabled):active svg,
  body.caerp button.btn-primary:not(:disabled):hover svg,
  body.caerp button.btn-primary:not(:disabled):focus svg,
  body.caerp button.btn-primary:not(:disabled):active svg {
    fill: var(--form-button-main-text-color); }

body.caerp a.btn:not(:disabled):hover,
body.caerp a.btn:not(:disabled):focus,
body.caerp a.btn:not(:disabled):active,
body.caerp button:not(:disabled):hover,
body.caerp button:not(:disabled):focus,
body.caerp button:not(:disabled):active {
  box-shadow: 0 2px 4px var(--box-shadow-color);
  color: var(--form-button-text-color);
  transform: translateY(-1px);
  outline: none; }
  body.caerp a.btn:not(:disabled):hover svg,
  body.caerp a.btn:not(:disabled):focus svg,
  body.caerp a.btn:not(:disabled):active svg,
  body.caerp button:not(:disabled):hover svg,
  body.caerp button:not(:disabled):focus svg,
  body.caerp button:not(:disabled):active svg {
    fill: var(--form-button-text-color); }

body.caerp a.btn.disabled:hover,
body.caerp a.btn.disabled:focus,
body.caerp a.btn.disabled:active {
  transform: none; }

body.caerp .btn.up,
body.caerp .btn.down {
  background-color: transparent;
  border-color: transparent; }
  body.caerp .btn.up svg,
  body.caerp .btn.down svg {
    fill: var(--table-order-button-color); }
  body.caerp .btn.up:hover, body.caerp .btn.up:focus, body.caerp .btn.up:active,
  body.caerp .btn.down:hover,
  body.caerp .btn.down:focus,
  body.caerp .btn.down:active {
    background-color: var(--form-button-background-color);
    border-color: var(--form-icon-button-hover-color); }
    body.caerp .btn.up:hover svg, body.caerp .btn.up:focus svg, body.caerp .btn.up:active svg,
    body.caerp .btn.down:hover svg,
    body.caerp .btn.down:focus svg,
    body.caerp .btn.down:active svg {
      fill: var(--form-button-icon-color); }

body.caerp .input_range_wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 2.5rem; }
  body.caerp .input_range_wrapper input[type="range"] {
    flex: 1; }

body.caerp input[type="range"] {
  -webkit-appearance: none;
  background: transparent; }
  body.caerp input[type="range"]::-moz-range-track {
    background: var(--form-input-background-color);
    border: 1px solid var(--form-focus-line2-color);
    box-shadow: 0 2px 4px var(--box-shadow-color);
    height: var(--padding-s); }
  body.caerp input[type="range"]::-webkit-slider-runnable-track {
    background: var(--form-input-background-color);
    border: 1px solid var(--form-focus-line2-color);
    box-shadow: 0 2px 4px var(--box-shadow-color);
    height: var(--padding-s); }
  body.caerp input[type="range"]::-ms-track {
    background: var(--form-input-background-color);
    border: 1px solid var(--form-focus-line2-color);
    box-shadow: 0 2px 4px var(--box-shadow-color);
    cursor: pointer;
    height: var(--padding-s); }
  body.caerp input[type="range"]::-moz-range-thumb {
    background: var(--form-main-button-background-color);
    border: 1px solid var(--form-main-button-background-color);
    border-radius: 0;
    box-shadow: 0 2px 4px var(--box-shadow-color);
    cursor: pointer;
    height: var(--padding-m);
    width: var(--padding-m); }
  body.caerp input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--form-main-button-background-color);
    border: 1px solid var(--form-main-button-background-color);
    border-radius: 0;
    box-shadow: 0 2px 4px var(--box-shadow-color);
    cursor: pointer;
    height: var(--padding-l);
    margin-top: -6px;
    width: var(--padding-l); }
  body.caerp input[type="range"]::-ms-thumb {
    background: var(--form-main-button-background-color);
    border: 1px solid var(--form-main-button-background-color);
    border-radius: 0;
    box-shadow: 0 2px 4px var(--box-shadow-color);
    cursor: pointer;
    height: var(--padding-m);
    width: var(--padding-m); }

body.caerp input[type="range"]:not([disabled]) {
  cursor: pointer; }

body.caerp input[type="range"][disabled] {
  filter: grayscale(1); }
  body.caerp input[type="range"][disabled]::-moz-range-thumb {
    cursor: default; }
  body.caerp input[type="range"][disabled]::-webkit-slider-thumb {
    cursor: default; }
  body.caerp input[type="range"][disabled]::-ms-thumb {
    cursor: default; }

body.caerp input[type="range"]:focus {
  outline: none; }

body.caerp input[type='range']::-moz-focus-outer {
  border: 0; }

body.caerp input[type="range"]:not([disabled]):hover::-moz-range-thumb {
  box-shadow: 0 2px 4px var(--box-shadow-color); }

body.caerp input[type="range"]:not([disabled]):hover::-webkit-slider-thumb {
  box-shadow: 0 2px 4px var(--box-shadow-color); }

body.caerp input[type="range"]:not([disabled]):hover::-ms-thumb {
  box-shadow: 0 2px 4px var(--box-shadow-color); }

body.caerp .input_range_ticks {
  display: flex;
  width: calc(100% - 10px); }
  body.caerp .input_range_ticks > span {
    display: inline-block;
    height: var(--padding-s);
    border-left: 1px solid var(--form-button-disabled-text-color);
    width: 10%; }
    body.caerp .input_range_ticks > span:last-child {
      border-right: 1px solid var(--form-button-disabled-text-color); }

body.caerp .input_range_hint {
  display: flex;
  justify-content: space-between;
  text-align: center;
  width: 100%; }
  body.caerp .input_range_hint > span {
    font-size: .75rem;
    width: 33.3333%; }
    body.caerp .input_range_hint > span:first-child {
      text-align: left; }
    body.caerp .input_range_hint > span:last-child {
      text-align: right; }

body.caerp .billing_slider {
  position: relative; }
  body.caerp .billing_slider a {
    border: 1px solid var(--border-trans-color);
    color: var(--link-color);
    display: flex;
    font-size: .75rem;
    font-weight: normal;
    height: var(--padding-xl)2px;
    margin-bottom: var(--padding-xl);
    text-decoration: none;
    width: 100%; }
    body.caerp .billing_slider a span.billing {
      display: block;
      height: var(--padding-xl); }
      body.caerp .billing_slider a span.billing.done {
        background: var(--screen-shaded-background-color); }
        body.caerp .billing_slider a span.billing.done .value {
          color: var(--text-greyed-color);
          left: 2px; }
      body.caerp .billing_slider a span.billing.todo {
        background: var(--form-main-button-background-color); }
        body.caerp .billing_slider a span.billing.todo .value {
          color: var(--title-color);
          font-size: .875rem;
          font-weight: bold;
          left: calc(50% - .75rem); }
      body.caerp .billing_slider a span.billing.remain {
        background: var(--form-input-background-color); }
        body.caerp .billing_slider a span.billing.remain .value {
          color: var(--text-greyed-color);
          right: 2px; }
      body.caerp .billing_slider a span.billing .value {
        line-height: 1.25rem;
        top: var(--padding-2xl);
        position: absolute; }
    body.caerp .billing_slider a:hover, body.caerp .billing_slider a:focus, body.caerp .billing_slider a:active {
      box-shadow: 0 2px 4px var(--box-shadow-color); }

body.caerp .btn-group .dropdown-menu {
  background: var(--form-button-background-color);
  box-shadow: 0 2px 4px var(--box-shadow-color);
  display: none;
  flex-direction: column;
  list-style-type: none;
  max-width: 100vw;
  padding: 0;
  position: absolute;
  z-index: 20; }
  body.caerp .btn-group .dropdown-menu li {
    padding: 0; }
    body.caerp .btn-group .dropdown-menu li:nth-child(n + 1) {
      border-top: 1px solid var(--border-trans-color); }
  body.caerp .btn-group .dropdown-menu a.btn,
  body.caerp .btn-group .dropdown-menu button {
    background: var(--form-button-background-color);
    border: 0 none;
    color: var(--form-button-text-color);
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: left;
    padding: var(--padding-m);
    text-decoration: none;
    white-space: nowrap; }
    body.caerp .btn-group .dropdown-menu a.btn:hover, body.caerp .btn-group .dropdown-menu a.btn:focus, body.caerp .btn-group .dropdown-menu a.btn:active,
    body.caerp .btn-group .dropdown-menu button:hover,
    body.caerp .btn-group .dropdown-menu button:focus,
    body.caerp .btn-group .dropdown-menu button:active {
      box-shadow: none;
      color: var(--form-icon-button-hover-color);
      transform: none; }
      body.caerp .btn-group .dropdown-menu a.btn:hover svg, body.caerp .btn-group .dropdown-menu a.btn:focus svg, body.caerp .btn-group .dropdown-menu a.btn:active svg,
      body.caerp .btn-group .dropdown-menu button:hover svg,
      body.caerp .btn-group .dropdown-menu button:focus svg,
      body.caerp .btn-group .dropdown-menu button:active svg {
        fill: var(--form-icon-button-hover-color); }
    body.caerp .btn-group .dropdown-menu a.btn.negative,
    body.caerp .btn-group .dropdown-menu button.negative {
      background: var(--form-button-background-color);
      color: var(--func-negative-color); }
      body.caerp .btn-group .dropdown-menu a.btn.negative svg,
      body.caerp .btn-group .dropdown-menu button.negative svg {
        fill: var(--func-negative-color); }
      body.caerp .btn-group .dropdown-menu a.btn.negative:hover, body.caerp .btn-group .dropdown-menu a.btn.negative:focus, body.caerp .btn-group .dropdown-menu a.btn.negative:active,
      body.caerp .btn-group .dropdown-menu button.negative:hover,
      body.caerp .btn-group .dropdown-menu button.negative:focus,
      body.caerp .btn-group .dropdown-menu button.negative:active {
        color: var(--form-icon-button-hover-color); }
        body.caerp .btn-group .dropdown-menu a.btn.negative:hover svg, body.caerp .btn-group .dropdown-menu a.btn.negative:focus svg, body.caerp .btn-group .dropdown-menu a.btn.negative:active svg,
        body.caerp .btn-group .dropdown-menu button.negative:hover svg,
        body.caerp .btn-group .dropdown-menu button.negative:focus svg,
        body.caerp .btn-group .dropdown-menu button.negative:active svg {
          fill: var(--form-icon-button-hover-color); }
    body.caerp .btn-group .dropdown-menu a.btn.icon svg, body.caerp .btn-group .dropdown-menu a.btn:not(.mini) svg,
    body.caerp .btn-group .dropdown-menu button.icon svg,
    body.caerp .btn-group .dropdown-menu button:not(.mini) svg {
      margin: 0 var(--padding-s) 0 0; }
  body.caerp .btn-group .dropdown-menu .btn-container {
    width: 100%; }
  body.caerp .btn-group .dropdown-menu button:not(:disabled):hover,
  body.caerp .btn-group .dropdown-menu button:not(:disabled):focus,
  body.caerp .btn-group .dropdown-menu button:not(:disabled):active {
    box-shadow: none;
    color: var(--form-icon-button-hover-color);
    transform: none; }
    body.caerp .btn-group .dropdown-menu button:not(:disabled):hover svg,
    body.caerp .btn-group .dropdown-menu button:not(:disabled):focus svg,
    body.caerp .btn-group .dropdown-menu button:not(:disabled):active svg {
      fill: var(--form-icon-button-hover-color); }
  body.caerp .btn-group .dropdown-menu button {
    width: 100%; }
    body.caerp .btn-group .dropdown-menu button.icon svg {
      margin-left: 0; }

body.caerp .btn-group.open {
  position: relative; }
  body.caerp .btn-group.open .dropdown-menu {
    display: flex;
    top: calc( 1.625rem  + 11px); }
  body.caerp .btn-group.open .dropdown-menu-right {
    left: auto;
    right: 0; }

body.caerp .btn-group ul {
  list-style-type: none;
  padding: 0;
  text-align: right; }
  body.caerp .btn-group ul li {
    display: block;
    padding: 0; }
  body.caerp .btn-group ul .btn {
    margin: 2px 0;
    text-align: left;
    width: 100%; }

body.caerp .input-group {
  align-items: center;
  display: flex; }
  body.caerp .input-group .input-group-addon {
    display: inline-block;
    padding: 0 var(--padding-s); }
    body.caerp .input-group .input-group-addon:first-child {
      border-right: 1px dotted var(--border-trans-color); }
    body.caerp .input-group .input-group-addon:last-child {
      border-left: 1px dotted var(--border-trans-color); }

body.caerp .data {
  background: var(--form-data-background-color);
  border-bottom: 1px solid var(var(--border-trans-color));
  font-size: .875rem;
  display: block;
  min-height: 2.5rem;
  line-height: 1.25rem;
  padding: var(--padding-m) 0; }
  body.caerp .data.flex {
    justify-content: space-between; }

body.caerp .checkbox {
  font-weight: bold; }
  body.caerp .checkbox input {
    margin-right: var(--padding-s); }

body.caerp .search_form input:only-of-type {
  flex: 1 0 auto;
  margin-right: var(--padding-s); }

body.caerp .search_form button {
  flex: 0 0 auto; }

body.caerp .search_filters {
  border-bottom: 1px dashed var(--border-color);
  margin-bottom: var(--padding-m);
  padding-bottom: var(--padding-m); }
  body.caerp .search_filters fieldset > div {
    padding-bottom: var(--padding-m); }
    body.caerp .search_filters fieldset > div.flex div {
      padding-bottom: 0; }
    body.caerp .search_filters fieldset > div.flex button {
      margin: var(--padding-s) 0; }
  body.caerp .search_filters h2 {
    border-bottom: 0 none;
    padding-bottom: var(--padding-s); }
  body.caerp .search_filters .form-search,
  body.caerp .search_filters form fieldset {
    display: flex;
    flex-wrap: wrap; }
  body.caerp .search_filters .form-group {
    display: flex; }
    body.caerp .search_filters .form-group label {
      font-weight: bold;
      white-space: nowrap; }
    body.caerp .search_filters .form-group div.wrapped {
      padding-top: 1.5rem; }
      body.caerp .search_filters .form-group div.wrapped .help-block {
        padding-top: 0; }
    body.caerp .search_filters .form-group:not(.range) {
      flex-direction: column;
      padding-right: var(--padding-l); }
    body.caerp .search_filters .form-group.range > label:not([for]) {
      display: none; }
    body.caerp .search_filters .form-group.range .form-group {
      padding-right: 0; }
    body.caerp .search_filters .form-group.range.number, body.caerp .search_filters .form-group.range.date {
      width: calc(18em + 20px); }
      body.caerp .search_filters .form-group.range.number input[type="text"],
      body.caerp .search_filters .form-group.range.number input[type="date"], body.caerp .search_filters .form-group.range.date input[type="text"],
      body.caerp .search_filters .form-group.range.date input[type="date"] {
        width: 9em; }
    body.caerp .search_filters .form-group .checkbox {
      min-height: 2.5rem; }
  body.caerp .search_filters button {
    margin-top: 25px; }

body.caerp .year_filter .form-group {
  max-width: 10em; }

body.caerp .year_filter div.form-group:not([id]) {
  display: none; }

body.caerp .main_content .local-navigation:first-child + .search_filters {
  padding-top: var(--padding-l); }

body.caerp .icon_choice div.flex {
  align-items: center;
  padding: var(--padding-s) 0; }

body.caerp .icon_choice h6 {
  font-weight: bold;
  padding: var(--padding-s) var(--padding-m) var(--padding-s) 0;
  width: auto; }

body.caerp .icon_choice label {
  padding: 0;
  width: auto; }
  body.caerp .icon_choice label > span {
    background: var(--form-button-background-color);
    border: 1px solid var(--form-main-button-background-color);
    color: var(--form-button-text-color);
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: var(--padding-s) var(--padding-m);
    white-space: nowrap; }
    body.caerp .icon_choice label > span svg {
      fill: var(--form-button-icon-color);
      pointer-events: none;
      vertical-align: -.2em; }
  body.caerp .icon_choice label input:checked + span {
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--theme-text-color);
    z-index: 2; }
    body.caerp .icon_choice label input:checked + span svg {
      fill: var(--theme-text-color); }
  body.caerp .icon_choice label input:not(:checked) + span {
    cursor: pointer;
    z-index: 1; }
    body.caerp .icon_choice label input:not(:checked) + span:hover, body.caerp .icon_choice label input:not(:checked) + span:focus, body.caerp .icon_choice label input:not(:checked) + span:active {
      box-shadow: 0 2px 4px var(--box-shadow-color);
      outline: none;
      transform: translateY(-1px);
      z-index: 5; }

body.caerp .limited_width .icon_choice label {
  width: auto; }

body.caerp .checkbox {
  align-items: center;
  display: flex; }

body.caerp .radio {
  display: inline-block;
  padding-right: var(--padding-m); }

body.caerp div.checkbox,
body.caerp div.radio,
body.caerp div.toggle {
  font-size: .875rem;
  min-height: 1.5rem;
  padding: .5rem 0;
  position: relative;
  width: 100%; }
  body.caerp div.checkbox ~ .help-block,
  body.caerp div.radio ~ .help-block,
  body.caerp div.toggle ~ .help-block {
    padding: 0 0 var(--padding-m) 0; }
    body.caerp div.checkbox ~ .help-block + .help-block,
    body.caerp div.radio ~ .help-block + .help-block,
    body.caerp div.toggle ~ .help-block + .help-block {
      margin-top: var(--negative-padding-s); }

body.caerp div.checkbox label,
body.caerp div.radio label,
body.caerp div.toggle label {
  align-items: flex-start;
  display: flex;
  font-weight: bold;
  margin: -.5rem 0;
  padding: .5rem 0;
  position: relative; }
  body.caerp div.checkbox label:not([for]),
  body.caerp div.radio label:not([for]),
  body.caerp div.toggle label:not([for]) {
    line-height: 1.75; }

body.caerp div.checkbox input[type="checkbox"],
body.caerp div.toggle input[type="checkbox"],
body.caerp div.radio input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: 0 0 1.5rem;
  height: 1.5rem;
  margin-right: .75rem;
  opacity: 0;
  width: 1.5rem; }
  body.caerp div.checkbox input[type="checkbox"]:not(:disabled),
  body.caerp div.toggle input[type="checkbox"]:not(:disabled),
  body.caerp div.radio input[type="radio"]:not(:disabled) {
    cursor: pointer; }
    body.caerp div.checkbox input[type="checkbox"]:not(:disabled) + span,
    body.caerp div.toggle input[type="checkbox"]:not(:disabled) + span,
    body.caerp div.radio input[type="radio"]:not(:disabled) + span {
      cursor: pointer;
      line-height: 1.25; }
  body.caerp div.checkbox input[type="checkbox"] + span,
  body.caerp div.toggle input[type="checkbox"] + span,
  body.caerp div.radio input[type="radio"] + span {
    padding-top: .125rem; }
    body.caerp div.checkbox input[type="checkbox"] + span::before,
    body.caerp div.toggle input[type="checkbox"] + span::before,
    body.caerp div.radio input[type="radio"] + span::before {
      background: var(--screen-trans-background-color);
      border: 0.0625rem solid var(--form-checkradio-line-color);
      content: "";
      display: inline-block;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: .5rem; }
    body.caerp div.checkbox input[type="checkbox"] + span::after,
    body.caerp div.toggle input[type="checkbox"] + span::after,
    body.caerp div.radio input[type="radio"] + span::after {
      pointer-events: none; }
  body.caerp div.checkbox input[type="checkbox"]:disabled + span,
  body.caerp div.toggle input[type="checkbox"]:disabled + span,
  body.caerp div.radio input[type="radio"]:disabled + span {
    color: var(--form-input-disabled-text-color); }
    body.caerp div.checkbox input[type="checkbox"]:disabled + span::before,
    body.caerp div.toggle input[type="checkbox"]:disabled + span::before,
    body.caerp div.radio input[type="radio"]:disabled + span::before {
      border-color: var(--form-checkradio-disabled-line-color); }
  body.caerp div.checkbox input[type="checkbox"]:checked + span::after,
  body.caerp div.toggle input[type="checkbox"]:checked + span::after,
  body.caerp div.radio input[type="radio"]:checked + span::after {
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    top: .5rem; }
  body.caerp div.checkbox input[type="checkbox"]:focus + span::before,
  body.caerp div.toggle input[type="checkbox"]:focus + span::before,
  body.caerp div.radio input[type="radio"]:focus + span::before {
    border-color: var(--form-checkradio-line-focus-color);
    outline: 1px dotted var(--form-focus-outline-color);
    outline-offset: 2px; }

body.caerp div.radio input[type="radio"] + span::before {
  border-radius: 50%;
  height: 1.625rem;
  width: 1.625rem; }

body.caerp div.radio input[type="radio"]:checked + span::after {
  background: var(--form-checkradio-line-focus-color);
  border-radius: 50%;
  border: 0.25rem solid var(--screen-trans-background-color);
  left: .125rem;
  height: 1.375rem;
  top: .625rem;
  width: 1.375rem; }

body.caerp div.radio input[type="radio"]:disabled:checked + span::after {
  background: var(--form-checkradio-disabled-line-color); }

body.caerp div.radio .radio-inline {
  display: inline-block;
  padding-bottom: var(--padding-s);
  padding-right: var(--padding-2xl); }
  body.caerp div.radio .radio-inline input[type="radio"] {
    margin-right: .5rem; }

body.caerp div.checkbox .checkbox-inline {
  display: inline-block;
  padding-bottom: var(--padding-s);
  padding-right: var(--padding-2xl); }
  body.caerp div.checkbox .checkbox-inline input[type="checkbox"] {
    margin-right: .5rem; }

body.caerp div.checkbox input[type="checkbox"] + span::before {
  height: 1.5rem;
  width: 1.5rem; }

body.caerp div.checkbox input[type="checkbox"]:checked + span::after {
  border: 0.375rem solid var(--form-checkradio-line-focus-color);
  border-width: 0 .375rem .375rem 0;
  border-radius: 1%;
  box-shadow: 0.0625rem 0.0625rem 0 var(--screen-background-color);
  height: 1.3125rem;
  left: .4375rem;
  margin-top: -.0625rem;
  transform: rotate(45deg);
  width: .9375rem; }

body.caerp div.checkbox input[type="checkbox"]:disabled:checked + span::after {
  border-color: var(--form-checkradio-disabled-line-color); }

body.caerp div.toggle input[type="checkbox"] {
  flex-basis: 2.75rem;
  width: 2.75rem; }
  body.caerp div.toggle input[type="checkbox"] + span::before {
    border-radius: .75rem;
    height: 1.5rem;
    transition: all .25s ease-out;
    width: 2.75rem; }
  body.caerp div.toggle input[type="checkbox"] + span::after {
    content: "";
    background: var(--form-checkradio-line-focus-color);
    border: 0 none;
    border-radius: 50%;
    display: inline-block;
    height: 1.125rem;
    left: .1875rem;
    position: absolute;
    transition: all .25s ease-out;
    top: .6875rem;
    width: 1.125rem; }
  body.caerp div.toggle input[type="checkbox"]:checked + span::before {
    background: var(--func-positive-color);
    border-color: var(--func-positive-color); }
  body.caerp div.toggle input[type="checkbox"]:disabled:checked + span::before {
    border-color: var(--form-checkradio-disabled-line-color); }
  body.caerp div.toggle input[type="checkbox"]:checked + span::after {
    background: var(--static-invert-color);
    border-color: var(--func-positive-color);
    left: 1.375rem;
    top: .6875rem; }
  body.caerp div.toggle input[type="checkbox"]:disabled + span::after {
    background: var(--form-checkradio-disabled-line-color); }
  body.caerp div.toggle input[type="checkbox"]:disabled:checked + span::after {
    background: var(--form-checkradio-disabled-line-color);
    border-color: var(--border-trans-color); }

body.caerp .form-row {
  padding-bottom: var(--padding-s); }
  body.caerp .form-row .form-group input[type="text"],
  body.caerp .form-row .form-group select,
  body.caerp .form-row .form-group textarea {
    width: 100%; }
  body.caerp .form-row .form-group label,
  body.caerp .form-row .form-group span.label {
    display: block;
    padding-top: var(--padding-l); }
  body.caerp .form-row .form-group .icon_choice label {
    padding-top: 0; }
  body.caerp .form-row .form-group div.checkbox label,
  body.caerp .form-row .form-group div.radio label,
  body.caerp .form-row .form-group div.toggle label {
    padding-top: .5rem; }
  body.caerp .form-row:not(.single_col) {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start; }
  body.caerp .form-row .btn-group button.dropdown-toggle {
    margin-top: var(--padding-m); }

body.caerp .form-row div[class*="col-md"]:not(.col-md-12) .form-group + .form-group {
  padding-top: var(--padding-m); }

body.caerp .form-row div[class*="col-md"]:not(.col-md-12) div.toggle,
body.caerp .form-row div[class*="col-md"]:not(.col-md-12) div.checkbox,
body.caerp .form-row div[class*="col-md"]:not(.col-md-12) div.radio {
  padding: 2.75rem 0 .4375em; }

body.caerp .form-row div[class*="col-md"]:not(.col-md-12) div.checkbox + div.checkbox,
body.caerp .form-row div[class*="col-md"]:not(.col-md-12) div.radio + div.radio {
  padding-top: 1rem; }

body.caerp .form-row div.col-md-12 div.toggle,
body.caerp .form-row div.col-md-12 div.checkbox,
body.caerp .form-row div.col-md-12 div.radio {
  padding-top: var(--padding-l); }

body.caerp .form-group .help-block,
body.caerp .form-group .form-text {
  color: var(--text-greyed-color);
  display: inline-block;
  font-size: .75rem;
  padding-top: 2px; }

body.caerp .form-group .help-block {
  width: 100%; }

body.caerp .form-group p {
  font-size: .875rem; }
  body.caerp .form-group p:not(.help-block), body.caerp .form-group p:not(.form-text) {
    min-height: 2.5rem;
    padding: var(--padding-m) 0; }

body.caerp .form-group .panel-default {
  border-bottom: 1px dashed var(--border-trans-color);
  border-top: 1px dashed var(--border-trans-color);
  margin-top: var(--padding-s);
  padding-bottom: var(--padding-s); }
  body.caerp .form-group .panel-default .panel-heading {
    font-size: 1rem; }

body.caerp .form-group input[type="text"],
body.caerp .form-group input[type="password"],
body.caerp .form-group input[type="number"],
body.caerp .form-group input[type="date"],
body.caerp .form-group input[type="range"],
body.caerp .form-group input[type="search"],
body.caerp .form-group select,
body.caerp .form-group textarea {
  width: 100%; }

body.caerp .form-group .linked_field {
  align-items: center;
  display: flex; }

body.caerp .form-group .computed,
body.caerp .form-group .source,
body.caerp .form-group .linked {
  background: var(--icon-neutral-color);
  border-radius: 4px;
  display: inline-block;
  padding: 4px; }
  body.caerp .form-group .computed + input[type="text"],
  body.caerp .form-group .computed + input[type="password"],
  body.caerp .form-group .computed + input[type="number"],
  body.caerp .form-group .computed + input[type="date"],
  body.caerp .form-group .computed + input[type="range"],
  body.caerp .form-group .computed + input[type="search"],
  body.caerp .form-group .computed + select,
  body.caerp .form-group .computed + textarea,
  body.caerp .form-group .source + input[type="text"],
  body.caerp .form-group .source + input[type="password"],
  body.caerp .form-group .source + input[type="number"],
  body.caerp .form-group .source + input[type="date"],
  body.caerp .form-group .source + input[type="range"],
  body.caerp .form-group .source + input[type="search"],
  body.caerp .form-group .source + select,
  body.caerp .form-group .source + textarea,
  body.caerp .form-group .linked + input[type="text"],
  body.caerp .form-group .linked + input[type="password"],
  body.caerp .form-group .linked + input[type="number"],
  body.caerp .form-group .linked + input[type="date"],
  body.caerp .form-group .linked + input[type="range"],
  body.caerp .form-group .linked + input[type="search"],
  body.caerp .form-group .linked + select,
  body.caerp .form-group .linked + textarea {
    margin-left: 4px;
    width: calc(100% - 40px); }
  body.caerp .form-group .computed svg,
  body.caerp .form-group .source svg,
  body.caerp .form-group .linked svg {
    fill: var(--static-invert-color);
    height: var(--icon-size-m);
    vertical-align: var(--negative-padding-s);
    width: var(--icon-size-m); }

body.caerp .form-group .data .computed,
body.caerp .form-group .data .source,
body.caerp .form-group .data .linked {
  margin-right: var(--padding-s); }

body.caerp .form-group .computed {
  background: var(--func-caution-color); }
  body.caerp .form-group .computed + input[type="text"],
  body.caerp .form-group .computed + input[type="password"],
  body.caerp .form-group .computed + input[type="number"],
  body.caerp .form-group .computed + input[type="date"],
  body.caerp .form-group .computed + input[type="range"],
  body.caerp .form-group .computed + input[type="search"],
  body.caerp .form-group .computed + select,
  body.caerp .form-group .computed + textarea {
    border-bottom-color: var(--func-caution-color); }

body.caerp .form-group .source {
  background: var(--func-positive-color); }
  body.caerp .form-group .source + input[type="text"],
  body.caerp .form-group .source + input[type="password"],
  body.caerp .form-group .source + input[type="number"],
  body.caerp .form-group .source + input[type="date"],
  body.caerp .form-group .source + input[type="range"],
  body.caerp .form-group .source + input[type="search"],
  body.caerp .form-group .source + select,
  body.caerp .form-group .source + textarea {
    border-bottom-color: var(--func-positive-color); }

body.caerp .form-group .erasable {
  position: relative; }
  body.caerp .form-group .erasable input {
    padding-right: 2.5rem; }
  body.caerp .form-group .erasable .btn.erase {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0; }

body.caerp .form-group.has-error .help-block.error-message {
  color: var(--func-negative-color);
  font-weight: bold; }

body.caerp .form-group.has-error .help-block.error-message svg,
body.caerp .form-group.has-error label svg.error {
  fill: var(--func-negative-color);
  display: inline-block;
  height: 1.25em;
  margin-right: 2px;
  vertical-align: text-top;
  width: 1.25em; }

body.caerp .form-group.has-error input[type="text"],
body.caerp .form-group.has-error input[type="password"],
body.caerp .form-group.has-error input[type="number"],
body.caerp .form-group.has-error input[type="date"],
body.caerp .form-group.has-error input[type="search"],
body.caerp .form-group.has-error select,
body.caerp .form-group.has-error textarea {
  border-color: var(--func-negative-color);
  border-style: dotted;
  border-bottom-style: solid;
  outline: 0 none; }

body.caerp .form-group.range {
  display: flex; }
  body.caerp .form-group.range > div.alert {
    width: 100%; }
  body.caerp .form-group.range > div {
    margin-right: var(--padding-l); }
  body.caerp .form-group.range.number, body.caerp .form-group.range.date {
    width: calc(18em + 20px); }
    body.caerp .form-group.range.number input[type="text"],
    body.caerp .form-group.range.number input[type="date"], body.caerp .form-group.range.date input[type="text"],
    body.caerp .form-group.range.date input[type="date"] {
      width: 9em; }

body.caerp .form-group.date label {
  width: 100%; }

body.caerp .form-group > button {
  margin: 0 var(--padding-s) var(--padding-s) 0; }

body.caerp .form-group .panel-heading:not(:empty) {
  font-weight: bold;
  height: 2.5rem;
  padding-top: var(--padding-l);
  white-space: nowrap; }

body.caerp .form-group .panel-footer {
  padding-top: var(--padding-s); }
  body.caerp .form-group .panel-footer .deform-seq-add {
    padding: var(--padding-s) var(--padding-m); }
    body.caerp .form-group .panel-footer .deform-seq-add::before {
      content: "+ ";
      font-size: 1.5rem;
      line-height: 1rem;
      vertical-align: text-top; }

body.caerp .form-group .btn.deform-seq-add small {
  font-weight: bold; }

body.caerp .form-group .deform-seq {
  counter-reset: sequenceCount; }
  body.caerp .form-group .deform-seq .panel-default {
    border-top: 0 none;
    padding-bottom: var(--padding-m); }

body.caerp .form-group .deform-seq-item {
  background: var(--screen-background-color);
  border: 1px dashed var(--border-trans-color);
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--padding-m);
  padding: var(--padding-m); }
  body.caerp .form-group .deform-seq-item.error {
    border-color: var(--func-negative-color); }
    body.caerp .form-group .deform-seq-item.error .error.text-danger {
      color: var(--func-negative-color); }
    body.caerp .form-group .deform-seq-item.error .error.text-danger svg {
      fill: var(--func-negative-color);
      display: inline-block;
      height: 1em;
      margin-right: 2px;
      vertical-align: text-top;
      width: 1em; }
    body.caerp .form-group .deform-seq-item.error .select2-selection {
      border-color: var(--func-negative-color);
      border-style: dotted;
      border-bottom-style: solid;
      outline: 0 none; }
  body.caerp .form-group .deform-seq-item.form-group {
    padding: var(--padding-s) var(--padding-m); }
  body.caerp .form-group .deform-seq-item .col-xs-11 {
    padding-left: var(--padding-m);
    padding-top: var(--padding-s);
    width: calc(100% - 2rem); }
    body.caerp .form-group .deform-seq-item .col-xs-11 .select2-container {
      max-width: 100%;
      min-width: 100%; }
  body.caerp .form-group .deform-seq-item .col-xs-1 {
    white-space: nowrap;
    width: 2rem; }
  body.caerp .form-group .deform-seq-item .col-xs-11 > .select2-container .select2-selection__clear {
    display: none; }
  body.caerp .form-group .deform-seq-item .item-default {
    padding: var(--padding-m) 0 0; }
  body.caerp .form-group .deform-seq-item .form-group {
    padding-bottom: var(--padding-m); }
    body.caerp .form-group .deform-seq-item .form-group ~ .form-group {
      padding-top: var(--padding-l); }
  body.caerp .form-group .deform-seq-item .row .form-group ~ .form-group {
    padding-top: 0; }
  body.caerp .form-group .deform-seq-item .row:last-child {
    padding-bottom: 0; }
  body.caerp .form-group .deform-seq-item .deform-close-button,
  body.caerp .form-group .deform-seq-item .deform-order-button {
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 2.5rem;
    text-align: center;
    width: 2rem; }
    body.caerp .form-group .deform-seq-item .deform-close-button:hover, body.caerp .form-group .deform-seq-item .deform-close-button:focus, body.caerp .form-group .deform-seq-item .deform-close-button:active,
    body.caerp .form-group .deform-seq-item .deform-order-button:hover,
    body.caerp .form-group .deform-seq-item .deform-order-button:focus,
    body.caerp .form-group .deform-seq-item .deform-order-button:active {
      color: var(--form-icon-button-hover-color);
      text-decoration: none; }
  body.caerp .form-group .deform-seq-item .deform-order-button::after {
    content: "\2195"; }

body.caerp .form-group .deform-seq-container .deform-seq-item:hover, body.caerp .form-group .deform-seq-container .deform-seq-item:focus {
  border-color: var(--form-group-hover-color);
  border-style: solid;
  box-shadow: 0 0 5px var(--box-shadow-color); }

body.caerp .form-group .deform-seq-container .deform-seq-item.has-error-seq:hover, body.caerp .form-group .deform-seq-container .deform-seq-item.has-error-seq:focus {
  border-color: var(--func-negative-color); }

body.caerp .form-group .deform-seq-item.has-error-seq {
  border-color: var(--func-negative-color); }
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid .help-block.error-message {
    color: var(--func-negative-color);
    font-weight: bold; }
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid .help-block.error-message svg,
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid label svg.error {
    fill: var(--func-negative-color);
    display: inline-block;
    height: 1.25em;
    margin-right: 2px;
    vertical-align: text-top;
    width: 1.25em; }
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid label svg.error ~ span.icon {
    display: none; }
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid input[type="text"],
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid input[type="password"],
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid input[type="number"],
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid input[type="date"],
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid input[type="search"],
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid select,
  body.caerp .form-group .deform-seq-item.has-error-seq .has-error-grid textarea {
    border-color: var(--func-negative-color);
    border-style: dotted;
    border-bottom-style: solid;
    outline: 0 none; }

body.caerp .form-group .ui-sortable .deform-seq-item {
  counter-increment: sequenceCount;
  padding: var(--padding-m) var(--padding-m) var(--padding-m) 3em;
  position: relative; }
  body.caerp .form-group .ui-sortable .deform-seq-item:not(:only-of-type)::after {
    background: var(--message-default-background-color);
    content: counter(sequenceCount);
    left: 0;
    line-height: 2em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2em; }
  body.caerp .form-group .ui-sortable .deform-seq-item .col-xs-11 {
    padding: 0; }
  body.caerp .form-group .ui-sortable .deform-seq-item .col-xs-1 {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0; }
  body.caerp .form-group .ui-sortable .deform-seq-item:only-of-type {
    padding-left: var(--padding-xl); }
  body.caerp .form-group .ui-sortable .deform-seq-item:not(:only-of-type) > .col-xs-11 {
    width: calc(100% - 4rem); }
  body.caerp .form-group .ui-sortable .deform-seq-item:not(:only-of-type) > .col-xs-1 {
    width: 4rem; }
  body.caerp .form-group .ui-sortable .deform-seq-item.item-children .panel-heading {
    padding-top: 0; }
  body.caerp .form-group .ui-sortable .deform-seq-item.item-children .col-xs-11 {
    width: calc(100% - 2rem); }
  body.caerp .form-group .ui-sortable .deform-seq-item .item-child {
    padding-bottom: var(--padding-m); }
  body.caerp .form-group .ui-sortable .deform-seq-item .help-block {
    padding-bottom: var(--padding-m); }

body.caerp .form-group.item-timeslot .panel-body {
  display: flex;
  flex-wrap: wrap; }
  body.caerp .form-group.item-timeslot .panel-body .item-name {
    width: 100%; }
  body.caerp .form-group.item-timeslot .panel-body .item-start_time {
    padding-right: var(--padding-m);
    width: 50% !important; }
  body.caerp .form-group.item-timeslot .panel-body .item-end_time {
    width: 50% !important; }

body.caerp .field-display_details .form-group {
  display: flex;
  flex-wrap: wrap; }
  body.caerp .field-display_details .form-group .checkbox {
    order: 0;
    width: 1.75rem; }
  body.caerp .field-display_details .form-group label {
    align-self: center;
    order: 1;
    width: calc(100% - 1.75rem); }
  body.caerp .field-display_details .form-group .help-block,
  body.caerp .field-display_details .form-group .form-text {
    flex: 1 0 auto;
    order: 2;
    width: 100%; }

body.caerp .form-group:target,
body.caerp div:target > .form-group {
  animation: targetFade 3s ease-out 1 both;
  box-shadow: 0 0 4px var(--static-target-color); }

body.caerp .form-autocomplete {
  position: relative; }
  body.caerp .form-autocomplete ul {
    background: var(--screen-background-color);
    box-shadow: 0 2px 4px var(--box-shadow-color);
    left: 0;
    list-style: none;
    max-height: 40vh;
    max-width: 100%;
    min-width: 50%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    z-index: 20; }
    body.caerp .form-autocomplete ul li {
      padding-bottom: 0; }
  body.caerp .form-autocomplete a {
    border-bottom: var(--border-color);
    display: block;
    padding: var(--padding-m); }
  body.caerp .form-autocomplete a:link,
  body.caerp .form-autocomplete a:visited {
    color: var(--text-color); }
  body.caerp .form-autocomplete a:hover,
  body.caerp .form-autocomplete a:focus,
  body.caerp .form-autocomplete a:active {
    color: var(--link-color);
    text-decoration: none; }

body.caerp .file-upload .file-preview img {
  margin-right: var(--padding-s);
  max-width: 120px; }

body.caerp .file-upload .file-preview + .checkbox {
  width: auto; }
  body.caerp .file-upload .file-preview + .checkbox span {
    display: block;
    width: 100%; }

body.caerp .deformFormFieldset p.section.first {
  padding-bottom: var(--padding-m); }

body.caerp .deformFormFieldset .form-group {
  padding-bottom: var(--padding-xl);
  width: 100%; }
  body.caerp .deformFormFieldset .form-group[class*="item-start"], body.caerp .deformFormFieldset .form-group[class*="item-end"] {
    width: calc(50% - 15px); }
  body.caerp .deformFormFieldset .form-group div.radio,
  body.caerp .deformFormFieldset .form-group div.checkbox,
  body.caerp .deformFormFieldset .form-group div.toggle {
    width: 100%; }

body.caerp .deformFormFieldset .col_select .form-group {
  padding-bottom: 0; }
  body.caerp .deformFormFieldset .col_select .form-group div.checkbox,
  body.caerp .deformFormFieldset .col_select .form-group div.radio {
    width: 1.5rem !important; }
  body.caerp .deformFormFieldset .col_select .form-group div.toggle {
    width: 3rem; }

body.caerp .deformFormFieldset .row .form-group {
  padding-bottom: 0; }

body.caerp .deformFormFieldset .row .form-group.deform-seq-item {
  padding-bottom: var(--padding-m); }

body.caerp .deformFormFieldset .row .help-block {
  min-height: 0;
  padding-bottom: 0; }

body.caerp .deformFormFieldset.range {
  display: flex;
  flex-wrap: wrap; }
  body.caerp .deformFormFieldset.range .form-group[class*="item-start"], body.caerp .deformFormFieldset.range .form-group[class*="item-end"] {
    width: 50%; }
  body.caerp .deformFormFieldset.range .form-group[class*="item-start"] {
    padding-right: 15px; }

body.caerp .deformFormFieldset .panel-heading {
  font-size: 1.25rem;
  font-weight: bold;
  padding-bottom: .5rem; }

body.caerp .deform_inline_flex .deformFormFieldset {
  display: flex; }
  body.caerp .deform_inline_flex .deformFormFieldset > .form-group {
    flex: 1 1 auto; }
    body.caerp .deform_inline_flex .deformFormFieldset > .form-group:first-child {
      flex: 1 1 calc(100% - 10.5em); }
    body.caerp .deform_inline_flex .deformFormFieldset > .form-group:last-child {
      flex: 0 1 10em;
      text-align: right; }
    body.caerp .deform_inline_flex .deformFormFieldset > .form-group button {
      margin-top: 1.625em; }

body.caerp .limited_width label,
body.caerp .limited_width input[type="text"]:not(.coef):not(.price):not(.with_unit),
body.caerp .limited_width input[type="password"],
body.caerp .limited_width input[type="number"],
body.caerp .limited_width input[type="date"],
body.caerp .limited_width input[type="range"],
body.caerp .limited_width input[type="search"],
body.caerp .limited_width select,
body.caerp .limited_width textarea,
body.caerp .limited_width table,
body.caerp .limited_width .help-block {
  width: 100%; }

body.caerp .limited_width input.coef[type="text"] {
  width: 5em; }

body.caerp .editable {
  justify-content: space-between;
  padding: var(--padding-s) var(--padding-l) var(--padding-s) 0; }
  body.caerp .editable button {
    align-self: flex-start;
    margin: 0 0 0 var(--padding-m); }
  body.caerp .editable > div.layout.flex:first-child {
    align-items: center;
    flex-wrap: nowrap; }

body.caerp div[class*="_cols"] .editable:not(:only-child) {
  margin-bottom: var(--padding-xl);
  position: relative; }
  body.caerp div[class*="_cols"] .editable:not(:only-child)::after {
    border-bottom: 1px solid var(--border-trans-color);
    bottom: 0;
    content: "";
    left: var(--padding-m);
    display: block;
    position: absolute;
    right: var(--padding-m); }

body.caerp div.two_cols .editable:nth-child(2n+1)::after {
  left: 0; }

body.caerp div.two_cols .editable:nth-child(2n)::after {
  right: 0; }

body.caerp div.three_cols .editable:nth-child(3n+1)::after {
  left: 0; }

body.caerp div.three_cols .editable:nth-child(3n)::after {
  right: 0; }

body.caerp div.four_cols .editable:nth-child(4n)::after {
  right: 0; }

body.caerp div.four_cols .editable:nth-child(4n+1)::after {
  left: 0; }

body.caerp .item-attendances .deform-seq-container .panel-body {
  display: flex;
  line-height: 2;
  padding-top: var(--padding-m); }
  body.caerp .item-attendances .deform-seq-container .panel-body .item-username {
    width: 18em; }
  body.caerp .item-attendances .deform-seq-container .panel-body .control-label {
    display: none; }

body.caerp .layout.flex.product-filter {
  align-items: flex-start;
  flex-wrap: nowrap;
  padding-top: var(--padding-m); }
  body.caerp .layout.flex.product-filter .icon {
    flex: 0 0 2rem;
    margin-top: 2.25rem;
    text-align: center; }
  body.caerp .layout.flex.product-filter .field-filter {
    flex: 1 0 auto;
    padding: 0 .5rem; }

body.caerp .dispatch_invoice .item-lines .col-xs-11 > div {
  display: flex;
  flex-wrap: wrap; }

body.caerp .dispatch_invoice .item-lines .col-xs-11 div.form-row:first-of-type {
  width: 100%; }
  body.caerp .dispatch_invoice .item-lines .col-xs-11 div.form-row:first-of-type ~ div.form-row {
    width: 33.3333%; }
    body.caerp .dispatch_invoice .item-lines .col-xs-11 div.form-row:first-of-type ~ div.form-row .col-md-2 {
      width: 100%; }

@-webkit-keyframes targetFade {
  0% {
    box-shadow: 0 0 4px var(--static-target-color); }
  100% {
    box-shadow: none; } }

@keyframes targetFade {
  0% {
    box-shadow: 0 0 4px var(--static-target-color); }
  100% {
    box-shadow: none; } }

@supports (appearance: none) or (-webkit-appearance: none) {
  body.caerp select:not([multiple]) {
    background: var(--form-input-background-color) var(--form-select-arrow) no-repeat 100% 52%;
    background-size: 1rem .75rem;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 1.25rem; }
    body.caerp select:not([multiple]):not(:disabled):hover, body.caerp select:not([multiple]):not(:disabled):focus {
      background-image: var(--form-select-arrow-hover);
      cursor: pointer; } }

@media (min-width: 50rem) {
  body.caerp .one_line label {
    max-width: 33%; }
    body.caerp .one_line label.textarea_label {
      vertical-align: baseline; }
  body.caerp .one_line input[type="text"],
  body.caerp .one_line input[type="password"],
  body.caerp .one_line input[type="search"],
  body.caerp .one_line select,
  body.caerp .one_line textarea {
    width: calc(100% - 34%); } }

@media (min-width: 31.25rem) {
  body.caerp .one_line .deformFormFieldset {
    display: flex;
    flex-wrap: wrap; }
    body.caerp .one_line .deformFormFieldset .form-group {
      width: auto; }
    body.caerp .one_line .deformFormFieldset > div {
      padding: var(--padding-s) 0; }
    body.caerp .one_line .deformFormFieldset label,
    body.caerp .one_line .deformFormFieldset input[type="text"] {
      margin-right: var(--padding-s); }
    body.caerp .one_line .deformFormFieldset button {
      margin-left: var(--padding-m); } }

@media (max-width: 62.5rem) {
  body.caerp a.btn,
  body.caerp button {
    padding: 8px var(--padding-l); } }

@media (max-width: 50rem) {
  body.caerp a.btn,
  body.caerp button {
    padding: 8px var(--padding-m); }
    body.caerp a.btn.icon_only_tablet,
    body.caerp button.icon_only_tablet {
      overflow: hidden;
      padding-left: 8px;
      white-space: nowrap;
      width: 2.25rem; }
      body.caerp a.btn.icon_only_tablet svg,
      body.caerp button.icon_only_tablet svg {
        margin: 0 1rem 0 0; }
      body.caerp a.btn.icon_only_tablet.btn-primary,
      body.caerp button.icon_only_tablet.btn-primary {
        width: 2.5rem; }
        body.caerp a.btn.icon_only_tablet.btn-primary svg,
        body.caerp button.icon_only_tablet.btn-primary svg {
          margin-left: .125rem; }
  body.caerp .separate_block.border_left_block h2.collapse_title ~ div {
    padding-left: var(--padding-l); }
  body.caerp div.four_cols .editable:nth-child(2n)::after {
    right: 0; }
  body.caerp .icon_choice label > span > svg + span {
    display: none; }
  body.caerp .timeslot_attendee .radio-inline {
    width: 10em; } }

@media (max-width: 31.25rem) {
  body.caerp .form-row {
    flex-wrap: wrap;
    max-width: calc(100vw - 40px); }
  body.caerp .two_cols .form-row,
  body.caerp .three_cols .form-row,
  body.caerp .four_cols .form-row {
    max-width: calc(100vw - 30px); }
  body.caerp a.btn,
  body.caerp button {
    padding: 8px var(--padding-s); }
    body.caerp a.btn.icon_only_mobile,
    body.caerp button.icon_only_mobile {
      overflow: hidden;
      padding-left: 8px;
      white-space: nowrap;
      width: 2.25rem; }
      body.caerp a.btn.icon_only_mobile svg,
      body.caerp button.icon_only_mobile svg {
        margin: 0 1rem 0 0;
        vertical-align: sub; }
      body.caerp a.btn.icon_only_mobile.btn-primary,
      body.caerp button.icon_only_mobile.btn-primary {
        width: 2.875rem; }
        body.caerp a.btn.icon_only_mobile.btn-primary svg,
        body.caerp button.icon_only_mobile.btn-primary svg {
          margin-left: .1875rem; }
    body.caerp a.btn.icon,
    body.caerp button.icon {
      padding-left: var(--padding-s); }
    body.caerp a.btn.icon.icon_only_mobile,
    body.caerp button.icon.icon_only_mobile {
      padding-left: var(--padding-m); }
  body.caerp .form-group.item-timeslot .panel-body .item-start_time {
    padding-right: 0;
    width: 100%; }
  body.caerp .form-group.item-timeslot .panel-body .item-end_time {
    width: 100%; }
  body.caerp .layout.three_cols > .editable:nth-child(3n),
  body.caerp .layout.three_cols > .editable:nth-child(3n + 2) {
    padding-left: 0; }
    body.caerp .layout.three_cols > .editable:nth-child(3n)::after,
    body.caerp .layout.three_cols > .editable:nth-child(3n + 2)::after {
      left: 0; }
  body.caerp .timeslot_attendee .radio-inline {
    width: 12em; }
  body.caerp .dispatch_invoice .item-lines .col-xs-11 div.form-row:first-of-type ~ div.form-row {
    width: 100%; } }

@media print {
  body.caerp form .search_filters .collapse_title[aria-expanded="false"] {
    display: none; } }

body.caerp .main_header {
  background: var(--theme-color);
  color: var(--theme-text-color);
  flex: 0 0 3.5rem;
  position: relative; }
  body.caerp .main_header h1 {
    font-size: 1.25rem;
    line-height: 1.125;
    max-height: 3.5rem;
    overflow: hidden;
    padding: 0; }
    body.caerp .main_header h1::first-line {
      font-size: 1.5rem;
      line-height: 1.25; }
    body.caerp .main_header h1 .icon {
      background: var(--icon-neutral-color);
      border-radius: .25rem;
      display: inline-block;
      height: 2rem;
      margin-right: .25rem;
      padding: .25rem;
      vertical-align: text-top;
      width: 2rem; }
      body.caerp .main_header h1 .icon svg {
        fill: var(--static-invert-color);
        height: 1.5rem;
        vertical-align: text-top;
        width: 1.5rem; }
      body.caerp .main_header h1 .icon.valid, body.caerp .main_header h1 .icon.resulted, body.caerp .main_header h1 .icon.paid {
        background: var(--func-positive-color); }
      body.caerp .main_header h1 .icon.invalid {
        background: var(--func-negative-color); }
      body.caerp .main_header h1 .icon.caution {
        background: var(--func-caution-color); }
        body.caerp .main_header h1 .icon.caution svg {
          fill: var(--svg-invert-fill-color); }
      body.caerp .main_header h1 .icon.wait {
        background: var(--func-neutral-color); }
    body.caerp .main_header h1 small {
      font-size: .75em;
      font-weight: normal; }
  body.caerp .main_header.positive {
    background: var(--func-positive-color) !important; }
  body.caerp .main_header.negative {
    background: var(--func-negative-color) !important; }
  body.caerp .main_header .header_content {
    align-items: center;
    height: 100%;
    justify-content: space-between;
    max-width: calc(100% - 3rem); }
    body.caerp .main_header .header_content.layout.flex {
      flex-wrap: nowrap; }
    body.caerp .main_header .header_content > svg:first-child {
      fill: var(--theme-text-color);
      height: 1.75rem;
      left: -.75rem;
      position: absolute;
      top: .875rem;
      width: 1.75rem;
      z-index: 0; }
    body.caerp .main_header .header_content > svg.valid:first-child,
    body.caerp .main_header .header_content > svg.resulted:first-child,
    body.caerp .main_header .header_content > svg.paid:first-child {
      fill: var(--func-positive-color); }
    body.caerp .main_header .header_content > svg.invalid:first-child {
      fill: var(--func-negative-color); }
    body.caerp .main_header .header_content > svg.caution:first-child {
      fill: var(--func-caution-color); }
    body.caerp .main_header .header_content > svg.wait:first-child {
      fill: var(--func-neutral-color); }
  body.caerp .main_header button.unstyled:not(:disabled):hover,
  body.caerp .main_header button.unstyled:not(:disabled):focus,
  body.caerp .main_header button.unstyled:not(:disabled):active {
    background: none; }

@media (min-width: 62.5rem) {
  body.caerp .main_header {
    padding: 0 var(--variable-horizontal-padding-m); }
    body.caerp .main_header .header_content > svg:first-child {
      left: -.5rem; } }

@media (max-width: 62.5rem) {
  body.caerp .main_header {
    padding: 0 var(--variable-horizontal-padding-s); } }

@media (max-width: 31.25rem) {
  body.caerp .main_header {
    padding: 0 var(--variable-horizontal-padding-xs) 0 var(--variable-horizontal-padding-l); }
    body.caerp .main_header svg[class^="theme"] {
      position: static;
      vertical-align: text-bottom; }
    body.caerp .main_header .header_content {
      max-width: calc(100vw - 3.4375rem); }
      body.caerp .main_header .header_content > div:first-child {
        flex-basis: calc(100vw - 6.5rem);
        max-width: calc(100vw - 6.5rem); }
        body.caerp .main_header .header_content > div:first-child h1 {
          max-width: 100%; } }

body.caerp.theme_manage_people .main_header svg.theme_people {
  display: inline-block; }

body.caerp.theme_manage_entity .main_header svg.theme_entity {
  display: inline-block; }

@media print {
  body.caerp .main_header {
    padding: 0; } }

body.caerp .context_help {
  font-size: .875rem; }
  body.caerp .context_help h4 {
    padding: var(--padding-s) 0; }
  body.caerp .context_help p {
    font-size: .825rem;
    padding: 5px 0; }
  body.caerp .context_help dt {
    margin-top: var(--padding-m); }

body.caerp .message {
  margin-bottom: var(--padding-m);
  padding: var(--padding-s) 0; }
  body.caerp .message.success svg {
    fill: var(--func-positive-color); }
  body.caerp .message.error svg {
    fill: var(--func-negative-color); }
  body.caerp .message.caution svg {
    fill: var(--func-caution-color); }
  body.caerp .message.neutral svg {
    fill: var(--func-neutral-color); }

body.caerp .alert {
  background: var(--message-default-background-color);
  border-left: 5px solid var(--message-default-border-color);
  margin: var(--padding-m) 0;
  padding: var(--padding-xl);
  position: relative;
  font-size: .875rem; }
  body.caerp .alert > .icon {
    line-height: 1.5; }
  body.caerp .alert.status {
    border-left-width: 0;
    text-align: center; }
  body.caerp .alert.alert-info {
    background: var(--message-info-background-color);
    border-left-color: var(--func-neutral-color); }
    body.caerp .alert.alert-info .icon:not(.status) svg {
      fill: var(--func-neutral-color); }
  body.caerp .alert.alert-danger {
    background: var(--message-danger-background-color);
    border-left-color: var(--func-negative-color); }
    body.caerp .alert.alert-danger .icon:not(.status) svg {
      fill: var(--func-negative-color); }
  body.caerp .alert.alert-success {
    background: var(--message-success-background-color);
    border-left-color: var(--func-positive-color); }
    body.caerp .alert.alert-success .icon:not(.status) svg {
      fill: var(--func-positive-color); }
  body.caerp .alert.alert-warning {
    background: var(--message-warning-background-color);
    border-left-color: var(--func-caution-color); }
    body.caerp .alert.alert-warning .icon:not(.status) svg {
      fill: var(--func-caution-color); }
  body.caerp .alert h2,
  body.caerp .alert h3,
  body.caerp .alert h4 {
    padding-bottom: var(--padding-s); }
  body.caerp .alert ul,
  body.caerp .alert ol {
    margin-bottom: 0;
    margin-top: 0; }
  body.caerp .alert ul {
    padding-top: var(--padding-s); }
  body.caerp .alert button.close {
    position: absolute;
    right: 0;
    top: 0; }

body.caerp > .notification .alert {
  align-items: center;
  border-left-width: 0;
  display: flex;
  height: 3rem;
  justify-content: center;
  margin: 0;
  overflow-y: hidden;
  padding: 0; }
  body.caerp > .notification .alert > .icon:not(.status) {
    align-items: center;
    align-self: stretch;
    background: var(--func-neutral-color);
    display: flex;
    flex: 0 0 3rem;
    justify-content: center;
    margin: 0; }
    body.caerp > .notification .alert > .icon:not(.status) svg {
      fill: var(--svg-invert-fill-color);
      height: 2rem;
      width: 2rem; }
  body.caerp > .notification .alert > button.icon.close {
    position: static; }
  body.caerp > .notification .alert.alert-info > .icon:not(.status) {
    background: var(--func-neutral-color); }
    body.caerp > .notification .alert.alert-info > .icon:not(.status) svg {
      fill: var(--svg-invert-fill-color); }
  body.caerp > .notification .alert.alert-danger > .icon:not(.status) {
    background: var(--func-negative-color); }
    body.caerp > .notification .alert.alert-danger > .icon:not(.status) svg {
      fill: var(--svg-invert-fill-color); }
  body.caerp > .notification .alert.alert-success > .icon:not(.status) {
    background: var(--func-positive-color); }
    body.caerp > .notification .alert.alert-success > .icon:not(.status) svg {
      fill: var(--svg-invert-fill-color); }
  body.caerp > .notification .alert.alert-warning > .icon:not(.status) {
    background: var(--func-caution-color); }
    body.caerp > .notification .alert.alert-warning > .icon:not(.status) svg {
      fill: var(--svg-invert-fill-color); }
  body.caerp > .notification .alert > div {
    max-height: 3rem;
    line-height: 1.25;
    overflow-y: auto;
    padding: var(--padding-xs) var(--padding-m); }

body.caerp .border_left_block .alert {
  border-left: 0 none; }

body.caerp .action_feedback {
  position: relative; }
  body.caerp .action_feedback::after {
    animation: dismiss_anim .5s ease-out 1s forwards;
    background-color: var(--func-neutral-color);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 1.5em auto;
    border-radius: 50%;
    box-shadow: 0 2px 4px var(--box-shadow-color);
    content: "";
    display: block;
    height: 3em;
    position: absolute;
    right: var(--padding-m);
    top: var(--padding-m);
    width: 3em; }
  body.caerp .action_feedback.success::after {
    background-color: var(--func-positive-color);
    background-image: url("../icons/check.svg"); }

body.caerp blockquote {
  background: var(--message-default-background-color);
  border-left: 5px solid var(--message-default-border-color);
  font-size: .875rem;
  margin: 0;
  padding: .6rem;
  position: relative; }
  body.caerp blockquote h5 {
    font-weight: bold; }
    body.caerp blockquote h5 + p {
      padding-top: var(--padding-s); }
  body.caerp blockquote button.unstyled,
  body.caerp blockquote .btn.unstyled,
  body.caerp blockquote .btn-container {
    float: right;
    margin: -0.6rem -0.6rem var(--padding-s) 1rem;
    shape-outside: margin-box; }
    body.caerp blockquote button.unstyled ~ p:only-of-type,
    body.caerp blockquote button.unstyled ~ h5:only-child,
    body.caerp blockquote .btn.unstyled ~ p:only-of-type,
    body.caerp blockquote .btn.unstyled ~ h5:only-child,
    body.caerp blockquote .btn-container ~ p:only-of-type,
    body.caerp blockquote .btn-container ~ h5:only-child {
      min-height: 2rem; }
  body.caerp blockquote .btn-container {
    margin: 0; }
  body.caerp blockquote footer {
    border: unset;
    clear: right;
    color: var(--message-footer-color);
    font-size: .75rem;
    padding-top: var(--padding-s);
    text-align: right; }
    body.caerp blockquote footer::before {
      content: ""; }
    body.caerp blockquote footer .icon svg {
      fill: var(--message-footer-color);
      vertical-align: text-top; }
  body.caerp blockquote .icon.status {
    align-items: center;
    background: var(--message-default-border-color);
    border-radius: 0;
    bottom: 0;
    display: flex;
    height: auto;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 2rem; }
    body.caerp blockquote .icon.status svg {
      fill: var(--static-invert-color); }
  body.caerp blockquote[class] {
    border-width: 0;
    padding-left: 2.6rem; }
  body.caerp blockquote.unknown {
    border-width: 5px;
    padding-left: .6rem; }
  body.caerp blockquote.success, body.caerp blockquote.valid, body.caerp blockquote.completed, body.caerp blockquote.partial_unpaid, body.caerp blockquote.action_pending {
    background: var(--message-success-background-color); }
  body.caerp blockquote.caution, body.caerp blockquote.wait, body.caerp blockquote.danger {
    background: var(--message-warning-background-color); }
  body.caerp blockquote.error, body.caerp blockquote.invalid, body.caerp blockquote.cancelled, body.caerp blockquote.failed, body.caerp blockquote.unpaid {
    background: var(--message-danger-background-color); }
  body.caerp blockquote.neutral, body.caerp blockquote.planned {
    background: var(--message-info-background-color); }
  body.caerp blockquote .btn.small {
    margin: var(--padding-s) var(--padding-s) 0 0; }

body.caerp .memos.status_history > ul {
  /* Not applied in popin */ }
  body.caerp .memos.status_history > ul > li:only-child blockquote:not(.pinned) > div {
    clip-path: polygon(0 0, 100% 0, 100% 18.75rem, 0 18.75rem);
    max-height: 18.75rem;
    -webkit-mask-image: linear-gradient(180deg, var(--static-color) 0%, var(--static-color) 18rem, var(--static-transparent) 18.75rem);
    mask-image: linear-gradient(180deg, var(--static-color) 0%, var(--static-color) 18rem, var(--static-transparent) 18.75rem); }
  body.caerp .memos.status_history > ul > li:nth-child(2):last-child blockquote:not(.pinned) > div,
  body.caerp .memos.status_history > ul > li:nth-last-child(2):first-child blockquote:not(.pinned) > div {
    clip-path: polygon(0 0, 100% 0, 100% 13.75rem, 0 13.75rem);
    max-height: 13.75rem;
    -webkit-mask-image: linear-gradient(180deg, var(--static-color) 0%, var(--static-color) 13rem, var(--static-transparent) 13.75rem);
    mask-image: linear-gradient(180deg, var(--static-color) 0%, var(--static-color) 13rem, var(--static-transparent) 13.75rem); }
  body.caerp .memos.status_history > ul > li > blockquote:not(.pinned) > div {
    clip-path: polygon(0 0, 100% 0, 100% 7.75rem, 0 7.75rem);
    max-height: 7.75rem;
    -webkit-mask-image: linear-gradient(180deg, var(--static-color) 0%, var(--static-color) 7rem, var(--static-transparent) 7.75rem);
    mask-image: linear-gradient(180deg, var(--static-color) 0%, var(--static-color) 7rem, var(--static-transparent) 7.75rem);
    cursor: pointer; }

body.caerp .status_history h4, body.caerp .timeline h4 {
  padding-top: .5em; }
  body.caerp .status_history h4 .btn.unstyled, body.caerp .timeline h4 .btn.unstyled {
    margin-top: -.75em; }

body.caerp .status_history ul, body.caerp .timeline ul {
  list-style-type: none; }

body.caerp .status_history li, body.caerp .timeline li {
  margin: var(--padding-s) 0;
  padding: 0; }
  body.caerp .status_history li blockquote, body.caerp .timeline li blockquote {
    margin: 0; }

body.caerp .status_history li:nth-child(n + 2) {
  margin: var(--padding-s) 0; }
  body.caerp .status_history li:nth-child(n + 2) blockquote {
    padding-bottom: .4rem;
    padding-top: .4rem; }
    body.caerp .status_history li:nth-child(n + 2) blockquote footer {
      padding-top: var(--padding-xs); }

body.caerp .status_history li:nth-child(n + 5) {
  margin: var(--padding-xs) 0; }
  body.caerp .status_history li:nth-child(n + 5) blockquote {
    padding-bottom: .25rem;
    padding-top: .25rem; }
    body.caerp .status_history li:nth-child(n + 5) blockquote p.status + p {
      padding-top: 0; }

body.caerp .layout.two_cols > .status_history:not(.in_form) {
  flex: 0 1 25em;
  padding-left: 0; }
  body.caerp .layout.two_cols > .status_history:not(.in_form):not(.memos) {
    flex-basis: 10em; }

body.caerp .layout.two_cols.with_memos > div:nth-child(2) {
  flex: 0 1 25em; }

body.caerp .timeline {
  container-name: timeline-layout;
  container-type: inline-size;
  padding: var(--padding-s) 0; }
  body.caerp .timeline div.layout.flex {
    align-items: flex-start;
    justify-content: space-between; }
  body.caerp .timeline button.sorting {
    float: right; }
    body.caerp .timeline button.sorting svg:nth-child(2) {
      display: none; }
  body.caerp .timeline ul {
    display: flex;
    flex-direction: column;
    margin-top: var(--padding-m); }
  body.caerp .timeline li {
    margin: 0 0 0 2rem;
    flex: 0 0 calc( 100% - 4rem);
    position: relative; }
    body.caerp .timeline li:nth-child(n+2) {
      margin-left: 2rem; }
    body.caerp .timeline li::before {
      border-left: 1px dashed var(--border-color);
      bottom: 0;
      content: "";
      display: block;
      left: 0;
      position: absolute;
      top: 0;
      width: 0; }
    body.caerp .timeline li:first-child::before {
      top: 50%; }
    body.caerp .timeline li:last-child::before {
      bottom: 50%; }
    body.caerp .timeline li::after {
      background: var(--border-color);
      border-radius: 50%;
      bottom: -.25rem;
      content: "";
      display: block;
      left: -.25rem;
      height: .5rem;
      position: absolute;
      width: .5rem; }
    body.caerp .timeline li:last-child::after {
      display: none; }
    body.caerp .timeline li.action.reduced {
      position: relative; }
      body.caerp .timeline li.action.reduced > .btn {
        left: -1.1875rem;
        margin-top: -1.25rem;
        position: absolute;
        top: 50%;
        z-index: 8; }
        body.caerp .timeline li.action.reduced > .btn + blockquote {
          display: none; }
      body.caerp .timeline li.action.reduced.open > .btn + blockquote {
        display: block; }
      body.caerp .timeline li.action.reduced:not(.open) {
        min-height: 3.5rem; }
  body.caerp .timeline blockquote {
    padding-left: .6rem;
    position: static; }
    body.caerp .timeline blockquote::after {
      border-top: 1px dashed var(--border-color);
      content: "";
      display: block;
      left: 0;
      position: absolute;
      top: 50%;
      width: 3rem;
      z-index: 5; }
    body.caerp .timeline blockquote .icon.status {
      height: 2rem;
      left: -1rem;
      margin-top: -1rem;
      top: 50%;
      z-index: 8; }
    body.caerp .timeline blockquote.future {
      opacity: .75; }
      body.caerp .timeline blockquote.future:hover, body.caerp .timeline blockquote.future:focus-within {
        opacity: 1; }
    body.caerp .timeline blockquote.current {
      outline: 1px solid var(--func-positive-color); }
      body.caerp .timeline blockquote.current::after {
        border-color: var(--func-positive-color); }
    body.caerp .timeline blockquote.caution {
      outline: 1px solid var(--func-caution-color); }
      body.caerp .timeline blockquote.caution::after {
        border-color: var(--func-caution-color); }
    body.caerp .timeline blockquote div.layout.flex {
      align-items: flex-end;
      flex-wrap: nowrap;
      width: 100%; }
      body.caerp .timeline blockquote div.layout.flex p {
        flex: 1 1 auto; }
      body.caerp .timeline blockquote div.layout.flex .btn-container {
        flex: 0 0 content; }
        body.caerp .timeline blockquote div.layout.flex .btn-container .btn.small {
          margin: 0 0 0 var(--padding-s);
          white-space: nowrap; }
  body.caerp .timeline.reverse ul {
    flex-direction: column-reverse; }
  body.caerp .timeline.reverse li:first-child::before {
    top: 0;
    bottom: 50%; }
  body.caerp .timeline.reverse li:last-child::before {
    bottom: 0;
    top: 50%; }
  body.caerp .timeline.reverse li:last-child::after {
    display: block; }
  body.caerp .timeline.reverse li:first-child::after {
    display: none; }
  body.caerp .timeline.reverse button.sorting svg:nth-child(1) {
    display: none; }
  body.caerp .timeline.reverse button.sorting svg:nth-child(2) {
    display: block; }

body.caerp .main_area .timeline li {
  padding: .5rem 0 .5rem 3rem; }

body.caerp .version h2 small {
  font-size: 1rem;
  padding-left: var(--padding-l); }

body.caerp .version h3,
body.caerp .version h4 {
  border-bottom: 1px solid var(--border-color);
  margin: var(--padding-m) var(--padding-s) 0 0; }
  body.caerp .version h3 .icon,
  body.caerp .version h4 .icon {
    margin-right: .5rem; }
    body.caerp .version h3 .icon svg,
    body.caerp .version h4 .icon svg {
      vertical-align: baseline; }

body.caerp .version .collapse_content > h3 {
  margin-left: var(--negative-padding-l); }

body.caerp .version_notes {
  list-style-type: none;
  padding: 0 var(--padding-s) var(--padding-m) 1.875rem; }
  body.caerp .version_notes:last-child {
    padding-bottom: var(--padding-m); }
  body.caerp .version_notes h4,
  body.caerp .version_notes h5 {
    border-bottom: unset;
    font-size: 1rem;
    font-weight: bold;
    padding: var(--padding-s) 0; }
  body.caerp .version_notes li {
    margin: var(--padding-s) 0 var(--padding-m);
    padding: 0; }
  body.caerp .version_notes p,
  body.caerp .version_notes a {
    font-size: .9rem;
    margin-bottom: var(--padding-s); }
  body.caerp .version_notes .icon.tag {
    font-size: .75rem; }

@container timeline-layout ( width > 35rem ) {
  body.caerp .main_area .timeline ul {
    padding-bottom: 1rem; }
  body.caerp .main_area .timeline li {
    margin-bottom: -1.5rem;
    margin-top: -1.5rem;
    padding-bottom: 0;
    padding-top: 0;
    width: 50%; }
    body.caerp .main_area .timeline li::before {
      bottom: 1rem;
      top: 1rem; }
    body.caerp .main_area .timeline li:first-child::before {
      top: 50%; }
    body.caerp .main_area .timeline li:last-child::before {
      bottom: 50%; }
    body.caerp .main_area .timeline li::after {
      bottom: .5rem; }
    body.caerp .main_area .timeline li:nth-child(odd) {
      align-self: flex-start;
      margin: 0 2rem 0 0;
      padding-left: 0;
      padding-right: 3rem; }
      body.caerp .main_area .timeline li:nth-child(odd)::before {
        left: auto;
        right: -1px; }
      body.caerp .main_area .timeline li:nth-child(odd)::after {
        left: auto;
        right: -.25rem; }
      body.caerp .main_area .timeline li:nth-child(odd) blockquote::after {
        left: auto;
        right: 0; }
      body.caerp .main_area .timeline li:nth-child(odd) blockquote .icon.status {
        left: auto;
        right: -1rem; }
    body.caerp .main_area .timeline li.action:nth-child(odd) > .btn {
      left: auto;
      right: -1.1875rem; }
    body.caerp .main_area .timeline li:nth-child(even) {
      align-self: flex-end; }
    body.caerp .main_area .timeline li blockquote {
      min-height: 4.25rem; }
    body.caerp .main_area .timeline li.action.reduced {
      min-height: 5.25rem; }
      body.caerp .main_area .timeline li.action.reduced::before {
        top: 0; }
    body.caerp .main_area .timeline li.estimation, body.caerp .main_area .timeline li.pay_off {
      align-self: center;
      margin: 0;
      padding: 0; }
      body.caerp .main_area .timeline li.estimation::before, body.caerp .main_area .timeline li.pay_off::before {
        left: 50%; }
      body.caerp .main_area .timeline li.estimation::after, body.caerp .main_area .timeline li.pay_off::after {
        right: calc( 50% - .25rem);
        left: auto; }
      body.caerp .main_area .timeline li.estimation blockquote::after, body.caerp .main_area .timeline li.pay_off blockquote::after {
        display: none; }
      body.caerp .main_area .timeline li.estimation blockquote .icon.status, body.caerp .main_area .timeline li.pay_off blockquote .icon.status {
        left: auto;
        right: calc( 50% - 1rem); }
  body.caerp .main_area .timeline.reverse li.action.reduced {
    margin-bottom: 0;
    margin-top: 0; }
    body.caerp .main_area .timeline.reverse li.action.reduced > .btn,
    body.caerp .main_area .timeline.reverse li.action.reduced .icon.status {
      top: 35%; }
    body.caerp .main_area .timeline.reverse li.action.reduced::before {
      top: -.5rem; }
  body.caerp .main_area .timeline.reverse li.pay_off,
  body.caerp .main_area .timeline li.estimation {
    padding: 0 0 5rem; }
    body.caerp .main_area .timeline.reverse li.pay_off::before,
    body.caerp .main_area .timeline li.estimation::before {
      bottom: 0;
      top: calc( 100% - 5rem); }
    body.caerp .main_area .timeline.reverse li.pay_off .icon.status,
    body.caerp .main_area .timeline li.estimation .icon.status {
      bottom: 2rem;
      top: auto; }
  body.caerp .main_area .timeline li.pay_off, body.caerp .main_area .timeline.reverse li.estimation {
    padding: 4rem 0 0; }
    body.caerp .main_area .timeline li.pay_off::before, body.caerp .main_area .timeline.reverse li.estimation::before {
      bottom: calc( 100% - 4rem);
      top: -1rem; }
    body.caerp .main_area .timeline li.pay_off .icon.status, body.caerp .main_area .timeline.reverse li.estimation .icon.status {
      bottom: auto;
      top: 1.5rem; } }

@media (max-width: 75rem) {
  body.caerp p.help {
    padding: var(--padding-s) 0 var(--padding-m); } }

@media (min-width: 50rem) {
  body.caerp .context_help {
    border-left: 1px dashed rgba(128, 128, 128, 0.2); } }

@media (max-width: 50rem) {
  body.caerp .context_help {
    border-top: 1px dashed rgba(128, 128, 128, 0.2);
    margin-top: var(--padding-m); }
    body.caerp .context_help ul {
      display: flex;
      flex-wrap: wrap; }
      body.caerp .context_help ul li {
        min-width: 15em;
        width: 50%; } }

@media (max-width: 31.25rem) {
  body.caerp .alert {
    padding: var(--padding-m); }
  body.caerp .main_area .timeline li {
    padding-left: 2rem; }
  body.caerp .main_area .timeline blockquote::after {
    width: 2rem; } }

body.caerp {
  overflow: hidden; }

body.caerp .base_layout {
  height: 100vh;
  overflow: hidden;
  width: 100vw; }

body.caerp > .notification:not(:empty) ~ .base_layout {
  height: calc(100vh - 3rem); }

body.caerp .base_content {
  flex: 1 0 auto;
  flex-direction: column;
  height: 100vh;
  overflow: hidden; }

body.caerp > .notification:not(:empty) ~ .base_layout .base_content {
  height: calc(100vh - 3rem); }

body.caerp .main_area {
  flex-basis: calc(100vh - 3.5rem);
  overflow: auto; }
  body.caerp .main_area > main {
    min-height: calc(100vh - 3.5rem); }

body.caerp > .notification:not(:empty) ~ .base_layout .base_content .main_area {
  flex-basis: calc(100vh - 6.5rem); }
  body.caerp > .notification:not(:empty) ~ .base_layout .base_content .main_area > main {
    min-height: calc(100vh - 6.5rem); }

body.caerp .layout.flex {
  display: flex; }
  body.caerp .layout.flex .vertical_align_center {
    align-self: center; }
  body.caerp .layout.flex.full {
    justify-content: space-between; }
  body.caerp .layout.flex:last-child > div:nth-last-child(-n + 1) {
    padding-bottom: 0; }
  body.caerp .layout.flex > div:only-child {
    flex: 1 1 100%; }

body.caerp .layout.two_cols {
  flex-wrap: wrap; }
  body.caerp .layout.two_cols > * {
    flex: 1 1 50%; }
  body.caerp .layout.two_cols > div {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m); }
  body.caerp .layout.two_cols > div:nth-child(2n) {
    padding-right: 0; }
  body.caerp .layout.two_cols > div.tab-content:nth-child(2n) {
    overflow-x: hidden;
    padding: var(--padding-m); }
  body.caerp .layout.two_cols > div:nth-child(2n+1) {
    padding-left: 0; }
    body.caerp .layout.two_cols > div:nth-child(2n+1):last-child {
      padding-right: 0; }
  body.caerp .layout.two_cols.third > *:nth-child(2n + 1) {
    flex: 0 0 33.3333%; }
  body.caerp .layout.two_cols.third > *:nth-child(2n) {
    flex: 0 0 66.6666%; }
  body.caerp .layout.two_cols.third_reverse > *:nth-child(2n + 1) {
    flex: 0 0 66.6666%; }
  body.caerp .layout.two_cols.third_reverse > *:nth-child(2n) {
    flex: 0 0 33.3333%; }
  body.caerp .layout.two_cols.quarter > *:nth-child(2n + 1) {
    flex: 0 0 25%; }
  body.caerp .layout.two_cols.quarter > *:nth-child(2n) {
    flex: 0 0 72%; }
  body.caerp .layout.two_cols.quarter_reverse > *:nth-child(2n + 1) {
    flex: 0 0 72%; }
  body.caerp .layout.two_cols.quarter_reverse > *:nth-child(2n) {
    flex: 0 0 25%; }
  body.caerp .layout.two_cols:last-child > div:not(:tab-content):nth-last-child(-n + 2) {
    padding-bottom: 0; }

body.caerp .layout form .layout.two_cols > div {
  padding-left: 0; }

body.caerp .layout.three_cols {
  flex-wrap: wrap; }
  body.caerp .layout.three_cols > * {
    flex-basis: 33.3333%; }
  body.caerp .layout.three_cols > div {
    padding-right: var(--padding-m); }
  body.caerp .layout.three_cols > div:nth-child(3n+2) {
    padding-left: var(--padding-m); }
  body.caerp .layout.three_cols > div:nth-child(3n) {
    padding-left: var(--padding-m);
    padding-right: 0; }
  body.caerp .layout.three_cols:last-child > div:nth-last-child(-n + 3) {
    padding-bottom: 0; }

body.caerp .layout.four_cols {
  flex-wrap: wrap; }
  body.caerp .layout.four_cols > * {
    flex-basis: 25%; }
  body.caerp .layout.four_cols > div {
    padding-left: var(--padding-m);
    padding-right: var(--padding-m); }
  body.caerp .layout.four_cols > div:nth-child(4n) {
    padding-right: 0; }
  body.caerp .layout.four_cols > div:nth-child(4n+1) {
    padding-left: 0; }
  body.caerp .layout.four_cols:last-child > div:nth-last-child(-n + 4) {
    padding-bottom: 0; }

body.caerp .layout.end_button {
  justify-content: space-between; }
  body.caerp .layout.end_button .col-content {
    flex: 1 1 calc(100% - 1.125rem - 30px); }
  body.caerp .layout.end_button .col-button {
    flex: 0 0 calc(1.125rem + 20px);
    text-align: right; }

body.caerp .layout .col-md-1 {
  flex-basis: 8.3333%; }
  body.caerp .layout .col-md-1:not(:last-child), body.caerp .layout .col-md-1:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-1:nth-last-child(-n + 12) {
    padding-bottom: 0; }

body.caerp .layout .col-md-2 {
  flex-basis: 16.6666%; }
  body.caerp .layout .col-md-2:not(:last-child), body.caerp .layout .col-md-2:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-2:nth-last-child(-n + 6) {
    padding-bottom: 0; }

body.caerp .layout .col-md-3 {
  flex-basis: 25%; }
  body.caerp .layout .col-md-3:not(:last-child), body.caerp .layout .col-md-3:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-3:nth-last-child(-n + 4) {
    padding-bottom: 0; }

body.caerp .layout .col-md-4 {
  flex-basis: 33.3333%; }
  body.caerp .layout .col-md-4:not(:last-child), body.caerp .layout .col-md-4:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-4:nth-last-child(-n + 3) {
    padding-bottom: 0; }

body.caerp .layout .col-md-5 {
  flex-basis: 41.6666%; }
  body.caerp .layout .col-md-5:not(:last-child), body.caerp .layout .col-md-5:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-5:nth-last-child(-n + 2) {
    padding-bottom: 0; }

body.caerp .layout .col-md-6 {
  flex-basis: 50%; }
  body.caerp .layout .col-md-6:not(:last-child), body.caerp .layout .col-md-6:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-6:nth-last-child(-n + 2) {
    padding-bottom: 0; }

body.caerp .layout .col-md-7 {
  flex-basis: 58.3333%; }
  body.caerp .layout .col-md-7:not(:last-child), body.caerp .layout .col-md-7:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-7:nth-last-child(-n + 2) {
    padding-bottom: 0; }

body.caerp .layout .col-md-8 {
  flex-basis: 66.6666%; }
  body.caerp .layout .col-md-8:not(:last-child), body.caerp .layout .col-md-8:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-8:nth-last-child(-n + 2) {
    padding-bottom: 0; }

body.caerp .layout .col-md-9 {
  flex-basis: 75%; }
  body.caerp .layout .col-md-9:not(:last-child), body.caerp .layout .col-md-9:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-9:nth-last-child(-n + 2) {
    padding-bottom: 0; }

body.caerp .layout .col-md-10 {
  flex-basis: 83.3333%; }
  body.caerp .layout .col-md-10:not(:last-child), body.caerp .layout .col-md-10:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-10:nth-last-child(-n + 2) {
    padding-bottom: 0; }

body.caerp .layout .col-md-11 {
  flex-basis: 91.6666%; }
  body.caerp .layout .col-md-11:not(:last-child), body.caerp .layout .col-md-11:only-child {
    padding-right: var(--padding-m); }
  body.caerp .layout .col-md-11:nth-last-child(-n + 2) {
    padding-bottom: 0; }

body.caerp .layout .col-md-12 {
  flex-basis: 100%; }

body.caerp .layout.photo_preview {
  align-items: center; }
  body.caerp .layout.photo_preview > div {
    counter-increment: photoCount;
    flex: 0 0 25% !important;
    position: relative; }
    body.caerp .layout.photo_preview > div img {
      max-width: 100%; }
    body.caerp .layout.photo_preview > div::after {
      background: var(--screen-shaded-background-color);
      content: counter(photoCount);
      left: 0;
      line-height: 2em;
      position: absolute;
      text-align: center;
      top: 0;
      width: 2em; }

body.caerp .layout.flex.pdf_viewer {
  align-items: stretch;
  flex-wrap: nowrap;
  max-height: 100%;
  width: 100%; }
  body.caerp .layout.flex.pdf_viewer > .preview {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: stretch;
    margin-bottom: var(--negative-padding-s);
    max-width: 100%;
    padding: var(--padding-m) var(--padding-s) var(--padding-s); }
    body.caerp .layout.flex.pdf_viewer > .preview > * {
      flex: 0 0 content; }
    body.caerp .layout.flex.pdf_viewer > .preview .document_header {
      align-items: center;
      flex-wrap: wrap;
      padding: var(--padding-s) var(--padding-s) var(--padding-s) 0; }
      body.caerp .layout.flex.pdf_viewer > .preview .document_header h4 {
        flex: 0 0 7em; }
      body.caerp .layout.flex.pdf_viewer > .preview .document_header .controls {
        flex: 1 1 auto; }
    body.caerp .layout.flex.pdf_viewer > .preview .document_container {
      border: 0 none;
      flex: 1 1 65vh;
      margin-bottom: var(--padding-s);
      max-width: 100%;
      overflow: auto;
      position: relative; }
      body.caerp .layout.flex.pdf_viewer > .preview .document_container .page {
        box-shadow: 0 0 5px var(--box-shadow-color);
        margin: var(--padding-s) var(--padding-s) var(--padding-m); }
  body.caerp .layout.flex.pdf_viewer > div:not(.preview) {
    padding-left: 0;
    width: 100%; }
  body.caerp .layout.flex.pdf_viewer img {
    width: 100%;
    height: calc(100% - 10px);
    object-fit: contain;
    transform-origin: top left; }

body.caerp .modal_view .modal_content > .layout.flex.pdf_viewer:only-child {
  margin-right: var(--negative-padding-m);
  padding-top: 0;
  width: calc( 100% + var(--padding-m)); }
  body.caerp .modal_view .modal_content > .layout.flex.pdf_viewer:only-child > .preview {
    border-top: unset;
    margin-top: 0;
    padding-top: 0; }

body.caerp .modal_view.size_full .layout.flex.pdf_viewer {
  height: 87vh; }
  body.caerp .modal_view.size_full .layout.flex.pdf_viewer > .preview {
    max-height: 87vh;
    max-width: 95vw; }

body.caerp .modal_view.size_full .tab-content .layout.flex.pdf_viewer {
  height: 83vh; }
  body.caerp .modal_view.size_full .tab-content .layout.flex.pdf_viewer > .preview {
    max-height: 83vh; }

body.caerp .modal_view.size_full .modal_content_layout .layout.flex.pdf_viewer {
  height: calc(87vh - 10px - 3em); }
  body.caerp .modal_view.size_full .modal_content_layout .layout.flex.pdf_viewer > .preview {
    max-height: calc(87vh - 10px - 3em); }

body.caerp .modal_view.size_full nav + .modal_content_layout .layout.flex.pdf_viewer {
  height: calc(83vh - 10px - 3em); }
  body.caerp .modal_view.size_full nav + .modal_content_layout .layout.flex.pdf_viewer > .preview {
    max-height: calc(83vh - 10px - 3em); }

body.caerp .modal_view.size_extralarge .layout.flex.pdf_viewer {
  height: 67vh; }
  body.caerp .modal_view.size_extralarge .layout.flex.pdf_viewer > .preview {
    max-height: 67vh;
    max-width: 95vw; }

body.caerp .modal_view.size_extralarge .tab-content .layout.flex.pdf_viewer {
  height: 63vh; }
  body.caerp .modal_view.size_extralarge .tab-content .layout.flex.pdf_viewer > .preview {
    max-height: 63vh; }

body.caerp .modal_view.size_extralarge .modal_content_layout .layout.flex.pdf_viewer {
  height: calc(67vh - 10px - 3em); }
  body.caerp .modal_view.size_extralarge .modal_content_layout .layout.flex.pdf_viewer > .preview {
    max-height: calc(67vh - 10px - 3em); }

body.caerp .modal_view.size_extralarge nav + .modal_content_layout .layout.flex.pdf_viewer {
  height: calc(63vh - 10px - 3em); }
  body.caerp .modal_view.size_extralarge nav + .modal_content_layout .layout.flex.pdf_viewer > .preview {
    max-height: calc(63vh - 10px - 3em); }

@media (max-width: 50rem) {
  body.caerp .modal_view.size_full .layout.flex.pdf_viewer {
    height: 80vh; }
  body.caerp .modal_view.size_extralarge .layout.flex.pdf_viewer {
    height: 60vh; }
  body.caerp .layout.flex.pdf_viewer {
    flex-wrap: wrap;
    overflow-y: auto;
    padding: var(--padding-m) 0 2.5rem; }
    body.caerp .layout.flex.pdf_viewer .modal_content_layout {
      order: 0; }
      body.caerp .layout.flex.pdf_viewer .modal_content_layout .modal_content {
        height: auto;
        overflow-y: visible; }
      body.caerp .layout.flex.pdf_viewer .modal_content_layout footer {
        background: var(--screen-background-color);
        bottom: 0;
        left: 0;
        padding-left: var(--padding-m);
        position: absolute;
        right: 0;
        z-index: 45; }
    body.caerp .layout.flex.pdf_viewer > .preview {
      border-top: 1px solid var(--border-color);
      margin-top: var(--padding-m);
      order: 1;
      overflow: visible; }
      body.caerp .layout.flex.pdf_viewer > .preview .document_container {
        overflow: visible; }
  body.caerp .layout.flex, body.caerp .layout.flex.pdf_viewer {
    flex-wrap: wrap; }
  body.caerp .layout.two_cols.third > div:nth-child(2n + 1),
  body.caerp .layout.two_cols.third > div:nth-child(2n), body.caerp .layout.two_cols.third_reverse > div:nth-child(2n + 1),
  body.caerp .layout.two_cols.third_reverse > div:nth-child(2n), body.caerp .layout.two_cols.quarter > div:nth-child(2n + 1),
  body.caerp .layout.two_cols.quarter > div:nth-child(2n), body.caerp .layout.two_cols.quarter_reverse > div:nth-child(2n + 1),
  body.caerp .layout.two_cols.quarter_reverse > div:nth-child(2n) {
    flex: 1 0 100%; }
    body.caerp .layout.two_cols.third > div:nth-child(2n + 1):not(.tab-content),
    body.caerp .layout.two_cols.third > div:nth-child(2n):not(.tab-content), body.caerp .layout.two_cols.third_reverse > div:nth-child(2n + 1):not(.tab-content),
    body.caerp .layout.two_cols.third_reverse > div:nth-child(2n):not(.tab-content), body.caerp .layout.two_cols.quarter > div:nth-child(2n + 1):not(.tab-content),
    body.caerp .layout.two_cols.quarter > div:nth-child(2n):not(.tab-content), body.caerp .layout.two_cols.quarter_reverse > div:nth-child(2n + 1):not(.tab-content),
    body.caerp .layout.two_cols.quarter_reverse > div:nth-child(2n):not(.tab-content) {
      padding-left: 0;
      padding-right: 0; }
  body.caerp .layout.four_cols > * {
    flex-basis: 50%; }
  body.caerp .layout.four_cols > div:nth-child(2n) {
    padding-right: 0; }
    body.caerp .layout.four_cols > div:nth-child(2n)::after {
      right: 0; }
  body.caerp .layout.four_cols > div:nth-child(4n + 3) {
    padding-left: 0; }
    body.caerp .layout.four_cols > div:nth-child(4n + 3)::after {
      left: 0; }
  body.caerp .base_layout.layout.flex {
    flex-wrap: nowrap; }
  body.caerp .base_content {
    min-height: 100vh;
    height: auto; }
  body.caerp .no_tablet {
    display: none; } }

@media (max-width: 31.25rem) {
  html {
    overflow-y: auto; }
  body.caerp {
    overflow-y: auto; }
    body.caerp .base_layout,
    body.caerp .base_content {
      min-height: 100vh;
      height: auto;
      overflow-y: visible; }
    body.caerp > .notification:not(:empty) ~ .base_layout {
      min-height: calc(100vh - 3rem);
      position: relative; }
    body.caerp > .notification:not(:empty) ~ .base_layout .base_content {
      height: auto; }
    body.caerp .main_area {
      height: auto;
      overflow: visible; }
    body.caerp .layout.flex.pdf_viewer {
      padding: var(--padding-m) 0 2.5rem; }
    body.caerp .modal_view.size_extralarge .layout.flex.pdf_viewer {
      height: 80vh; }
  body.caerp .main_area .layout.flex {
    max-width: calc(100vw - 20px); }
  body.caerp .main_area .collapse_content .layout.flex {
    max-width: calc(100% - 15px); }
    body.caerp .main_area .collapse_content .layout.flex > * ~ * {
      margin-top: var(--padding-m); }
  body.caerp .layout.two_cols > *, body.caerp .layout.three_cols > *, body.caerp .layout.four_cols > * {
    flex-basis: 100%; }
  body.caerp .layout.two_cols > div, body.caerp .layout.three_cols > div, body.caerp .layout.four_cols > div {
    padding-left: 0;
    padding-right: 0; }
  body.caerp .layout .col-md-1 {
    flex-basis: 33.3333%; }
  body.caerp .layout .col-md-2 {
    flex-basis: 50%; }
  body.caerp .layout .col-md-3 {
    flex-basis: 66.6666%; }
  body.caerp .layout .col-md-4,
  body.caerp .layout .col-md-5,
  body.caerp .layout .col-md-6,
  body.caerp .layout .col-md-7,
  body.caerp .layout .col-md-8,
  body.caerp .layout .col-md-9,
  body.caerp .layout .col-md-10,
  body.caerp .layout .col-md-11 {
    padding-bottom: var(--variable-vertical-padding-m);
    flex-basis: 100%; }
    body.caerp .layout .col-md-4:not(:last-child), body.caerp .layout .col-md-4:only-child,
    body.caerp .layout .col-md-5:not(:last-child),
    body.caerp .layout .col-md-5:only-child,
    body.caerp .layout .col-md-6:not(:last-child),
    body.caerp .layout .col-md-6:only-child,
    body.caerp .layout .col-md-7:not(:last-child),
    body.caerp .layout .col-md-7:only-child,
    body.caerp .layout .col-md-8:not(:last-child),
    body.caerp .layout .col-md-8:only-child,
    body.caerp .layout .col-md-9:not(:last-child),
    body.caerp .layout .col-md-9:only-child,
    body.caerp .layout .col-md-10:not(:last-child),
    body.caerp .layout .col-md-10:only-child,
    body.caerp .layout .col-md-11:not(:last-child),
    body.caerp .layout .col-md-11:only-child {
      padding-right: 0; }
  body.caerp .totals .layout.two_cols.quarter_reverse {
    max-width: calc(100vw - 40px); }
    body.caerp .totals .layout.two_cols.quarter_reverse > div:nth-child(2) .layout.two_cols > * {
      flex-basis: 50%; }
    body.caerp .totals .layout.two_cols.quarter_reverse .third_reverse > div {
      flex: 1 1 50% !important; }
  body.caerp .no_mobile {
    display: none; } }

body.caerp[class*="instance_"] {
  border-left-width: var(--padding-m);
  border-left-style: solid; }
  body.caerp[class*="instance_"] .base_layout {
    width: calc(100vw - 10px); }
  body.caerp[class*="instance_"] .main_area {
    width: calc(100vw - var(--menu-maxi-width) - var(--padding-m)); }

body.caerp.menu_mini[class*="instance_"] .main_area {
  width: calc(100vw - var(--menu-mini-width) - var(--padding-m)); }

body.caerp.instance_1 {
  border-left-color: #cef118; }

body.caerp.instance_2 {
  border-left-color: #b56dff; }

body.instance_3 {
  border-left-color: #1deace; }

body.instance_4 {
  border-left-color: #ffc03c; }

body.instance_5 {
  border-left-color: #f89fff; }

body.caerp .main_area ul:not(.nav) ul {
  margin-left: var(--padding-3xl); }

body.caerp .main_area li {
  padding-bottom: var(--padding-s); }
  body.caerp .main_area li.clickable-row {
    cursor: pointer; }

body.caerp .main_area ul.company_employees {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none; }
  body.caerp .main_area ul.company_employees li {
    display: inline-block;
    display: inline block;
    padding-right: var(--padding-s); }
  body.caerp .main_area ul.company_employees .user_avatar {
    display: inline-flex;
    display: inline flex;
    vertical-align: middle; }
  body.caerp .main_area ul.company_employees small {
    white-space: nowrap; }

body.caerp .main_area ul.list_count {
  counter-reset: list-counter;
  list-style-type: none; }
  body.caerp .main_area ul.list_count li {
    display: block;
    padding: var(--padding-s) 1rem var(--padding-s) 2rem;
    position: relative; }
    body.caerp .main_area ul.list_count li::before {
      background: var(--svg-fill-color);
      border-radius: 25%;
      color: var(--svg-invert-fill-color);
      counter-increment: list-counter;
      content: counter(list-counter);
      display: inline-block;
      font-size: .75rem;
      left: 0;
      line-height: 1.25rem;
      position: absolute;
      text-align: center;
      vertical-align: baseline;
      width: 1.25rem; }
  body.caerp .main_area ul.list_count + a {
    margin-top: var(--padding-s); }

body.caerp .main_area ul.no_bullets {
  list-style-type: none; }
  body.caerp .main_area ul.no_bullets li {
    padding-bottom: var(--padding-m); }

body.caerp .main_area ul.reference_links {
  font-size: .75rem;
  list-style-type: none;
  padding-top: 2px; }
  body.caerp .main_area ul.reference_links li {
    padding: 0; }

body.caerp .main_area .context_help ul {
  margin: var(--padding-s); }

body.caerp .main_area ul.document_summary {
  column-count: 2;
  column-width: 15em; }
  body.caerp .main_area ul.document_summary li {
    break-inside: avoid; }

body.caerp .main_area table td.col_text:not(.rich_text) ul {
  list-style-type: none;
  text-align: left; }
  body.caerp .main_area table td.col_text:not(.rich_text) ul li:only-child {
    padding: 0 2px; }
  body.caerp .main_area table td.col_text:not(.rich_text) ul li:not(:only-child)::before {
    content: "-\A0"; }
  body.caerp .main_area table td.col_text:not(.rich_text) ul li a {
    display: inline; }
  body.caerp .main_area table td.col_text:not(.rich_text) ul li .icon:not(.tag) {
    vertical-align: .125rem; }
  body.caerp .main_area table td.col_text:not(.rich_text) ul.file_list li {
    display: flex;
    hyphens: none; }
    body.caerp .main_area table td.col_text:not(.rich_text) ul.file_list li::before {
      flex: 0 0 auto; }
    body.caerp .main_area table td.col_text:not(.rich_text) ul.file_list li a {
      display: block;
      display: -webkit-box;
      flex: 1 1 auto;
      line-clamp: 1 "…";
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; }

body.caerp .main_area table td.col_text.phone:not(.rich_text) ul li::before {
  content: ""; }

body.caerp .main_area table td.col_text.rich_text ul {
  list-style-position: outside;
  margin-left: var(--padding-xl); }
  body.caerp .main_area table td.col_text.rich_text ul ul {
    margin-left: var(--padding-2xl); }
  body.caerp .main_area table td.col_text.rich_text ul li:first-child {
    padding-top: 2px; }
  body.caerp .main_area table td.col_text.rich_text ul li:last-child {
    padding-bottom: 0; }

body.caerp .main_area dl.dl-horizontal dt,
body.caerp .main_area dl.dl-horizontal dd {
  display: block;
  float: left;
  line-height: 1.25em;
  margin-bottom: var(--padding-xs);
  vertical-align: baseline; }

body.caerp .main_area dl.dl-horizontal dd .icon.status {
  margin-bottom: var(--padding-s);
  margin-top: var(--negative-padding-s);
  vertical-align: text-top; }

body.caerp .main_area dl.dl-horizontal dd.topay {
  color: var(--func-caution-color); }

body.caerp .main_area dl.dl-horizontal dt:not(.horizontal) {
  clear: left;
  text-align: right;
  width: 12em; }
  body.caerp .main_area dl.dl-horizontal dt:not(.horizontal)::after {
    content: "\A0:"; }
  body.caerp .main_area dl.dl-horizontal dt:not(.horizontal) + dd {
    border-top: 1px solid transparent;
    margin-left: 1em;
    max-width: calc(100% - 13em); }

body.caerp .main_area dl.dl-horizontal dt.horizontal {
  margin-left: 1em; }
  body.caerp .main_area dl.dl-horizontal dt.horizontal + dd {
    margin-left: .5em; }

body.caerp .main_area dl.dl-horizontal::after {
  clear: left;
  content: " ";
  display: block; }

body.caerp .main_area .main_actions dl.dl-horizontal {
  font-size: .825rem; }
  body.caerp .main_area .main_actions dl.dl-horizontal dt,
  body.caerp .main_area .main_actions dl.dl-horizontal dd {
    padding-bottom: 0; }
  body.caerp .main_area .main_actions dl.dl-horizontal dt:not(.horizontal) + dd {
    margin-left: .5em;
    max-width: unset; }

body.caerp .main_area .data_display dl {
  column-count: 2;
  column-gap: var(--padding-xl);
  column-width: 15em;
  font-size: 1em;
  margin: var(--padding-s) 0; }
  body.caerp .main_area .data_display dl > div {
    break-inside: avoid;
    display: inline-block;
    padding-bottom: var(--padding-m);
    width: 100%; }
  body.caerp .main_area .data_display dl.data_number > div {
    display: inline-flex; }
    body.caerp .main_area .data_display dl.data_number > div dt,
    body.caerp .main_area .data_display dl.data_number > div dd {
      flex: 1 1 60%; }
    body.caerp .main_area .data_display dl.data_number > div dd {
      flex-basis: 40%; }
  body.caerp .main_area .data_display dl dt {
    display: inline-block;
    font-weight: 500; }
  body.caerp .main_area .data_display dl dd {
    display: inline;
    margin-left: var(--padding-s);
    break-before: avoid; }

body.caerp .main_area .data_display dd ul {
  padding-top: var(--padding-s); }
  body.caerp .main_area .data_display dd ul li:only-child {
    list-style-type: none; }

body.caerp .main_area .data_display dd:after {
  content: "\A";
  display: block;
  line-height: .2;
  white-space: pre; }

body.caerp .main_area .layout.two_cols > .document_summary + .folders {
  flex: 0 1 25em;
  padding: var(--padding-s); }
  body.caerp .main_area .layout.two_cols > .document_summary + .folders table thead tr:first-child th[scope="col"] {
    height: auto; }

body.caerp .main_area ul.places li > p {
  margin-left: var(--padding-l); }

body.caerp .main_area .capabilities ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none; }
  body.caerp .main_area .capabilities ul small {
    color: var(--text-greyed-color);
    display: inline-block; }
  body.caerp .main_area .capabilities ul li {
    background: var(--screen-striped-background-color);
    border: 1px solid var(--border-color);
    flex-basis: calc( 50% - var(--padding-l));
    padding: var(--padding-r) var(--padding-m); }
    body.caerp .main_area .capabilities ul li:nth-child(2n + 1) {
      margin-right: var(--padding-l); }
    body.caerp .main_area .capabilities ul li:nth-child(n + 3) {
      margin-top: var(--padding-l); }

@media (max-width: 75rem) {
  body.caerp .main_area .main_actions dl.dl-horizontal dt {
    width: 8em; } }

@media (min-width: 50rem) {
  body.caerp .main_area ul.company_employees li {
    flex: 0 0 18em; }
  body.caerp .main_area .main_actions dl.dl-horizontal {
    padding-top: var(--padding-s); } }

@media (max-width: 50rem) {
  body.caerp .main_area ul.company_employees li {
    flex: 0 0 50%; }
  body.caerp .main_area .capabilities ul li {
    flex-basis: calc( 50% - var(--padding-r)); } }

@media (max-width: 31.25rem) {
  body.caerp .main_area ul.company_employees li {
    flex: 0 0 100%; }
  body.caerp .main_area dl.dl-horizontal dt:not(.horizontal) {
    max-width: 50vw; }
    body.caerp .main_area dl.dl-horizontal dt:not(.horizontal) + dd {
      max-width: calc(50vw - 1em); }
  body.caerp .main_area .capabilities ul li {
    flex-basis: 100%;
    margin-bottom: var(--padding-r); }
    body.caerp .main_area .capabilities ul li:nth-child(2n + 1) {
      margin-right: 0; } }

body.caerp .main_area > main {
  flex: 1 0 auto;
  overflow: visible; }
  body.caerp .main_area > main:focus {
    outline: 0 none; }
  body.caerp .main_area > main:only-child {
    max-width: 100%; }

body.caerp .main_area .display_switch .contract {
  display: none; }

body.caerp .main_toolbar {
  background: var(--screen-trans-background-color);
  border-bottom: 1px dashed var(--border-color);
  margin-bottom: var(--padding-m);
  padding-bottom: 0;
  z-index: 10; }
  body.caerp .main_toolbar:not(.nav_tools) {
    position: sticky;
    top: 0; }
  body.caerp .main_toolbar + .main_toolbar {
    margin-top: -11px; }
  body.caerp .main_toolbar:empty {
    border: 0 none;
    margin-top: 0; }
  body.caerp .main_toolbar ul.nav-pills {
    list-style-type: none; }
    body.caerp .main_toolbar ul.nav-pills li {
      display: inline-block;
      padding: 0 var(--padding-m) 0 0; }
      body.caerp .main_toolbar ul.nav-pills li a,
      body.caerp .main_toolbar ul.nav-pills li span {
        display: inline-block;
        padding: var(--padding-s) 0; }
  body.caerp .main_toolbar ul.breadcrumb {
    font-size: .825rem;
    line-height: 1.25;
    list-style-type: none;
    padding: var(--padding-m) 0; }
    body.caerp .main_toolbar ul.breadcrumb li {
      display: inline;
      padding: 0; }
      body.caerp .main_toolbar ul.breadcrumb li a,
      body.caerp .main_toolbar ul.breadcrumb li span {
        display: inline; }
      body.caerp .main_toolbar ul.breadcrumb li:not(.back_link):not(.active)::after {
        content: "\A0\25b8\A0"; }
    body.caerp .main_toolbar ul.breadcrumb .icon svg {
      vertical-align: text-top; }
  body.caerp .main_toolbar.nav_tools ul.nav-pills {
    font-size: .825rem; }
  body.caerp .main_toolbar .flex {
    align-items: center;
    justify-content: space-between; }
    body.caerp .main_toolbar .flex > div {
      align-items: center;
      display: flex; }
  body.caerp .main_toolbar .main_actions {
    min-height: var(--padding-7xl);
    padding-bottom: var(--padding-s);
    padding-top: var(--padding-s); }
    body.caerp .main_toolbar .main_actions .btn,
    body.caerp .main_toolbar .main_actions button {
      align-items: center;
      display: flex;
      justify-content: center;
      margin: var(--padding-s) 0;
      min-height: calc( 2.25rem + 2px); }
      body.caerp .main_toolbar .main_actions .btn.dropdown-toggle + .dropdown-menu,
      body.caerp .main_toolbar .main_actions button.dropdown-toggle + .dropdown-menu {
        top: calc( 1.625rem  + 16px); }
    body.caerp .main_toolbar .main_actions .dropdown-menu .btn,
    body.caerp .main_toolbar .main_actions .dropdown-menu button {
      justify-content: flex-start; }
    body.caerp .main_toolbar .main_actions button + button,
    body.caerp .main_toolbar .main_actions button + .btn,
    body.caerp .main_toolbar .main_actions button + .btn-group,
    body.caerp .main_toolbar .main_actions button + .btn-container,
    body.caerp .main_toolbar .main_actions .btn + button,
    body.caerp .main_toolbar .main_actions .btn + .btn,
    body.caerp .main_toolbar .main_actions .btn + .btn-group,
    body.caerp .main_toolbar .main_actions .btn + .btn-container,
    body.caerp .main_toolbar .main_actions .btn-group + button,
    body.caerp .main_toolbar .main_actions .btn-group + .btn,
    body.caerp .main_toolbar .main_actions .btn-group + .btn-group,
    body.caerp .main_toolbar .main_actions .btn-group + .btn-container,
    body.caerp .main_toolbar .main_actions .btn-container + button,
    body.caerp .main_toolbar .main_actions .btn-container + .btn,
    body.caerp .main_toolbar .main_actions .btn-container + .btn-group,
    body.caerp .main_toolbar .main_actions .btn-container + .btn-container {
      margin-left: var(--padding-s); }
    body.caerp .main_toolbar .main_actions label.btn + label.btn {
      margin-left: 0; }
    body.caerp .main_toolbar .main_actions div[role="group"] > div + div {
      margin-left: var(--padding-s); }
    body.caerp .main_toolbar .main_actions div[role="group"] p {
      font-size: .875rem;
      padding-right: var(--padding-s); }
      body.caerp .main_toolbar .main_actions div[role="group"] p:not(:first-child) {
        padding-left: var(--padding-m); }
    body.caerp .main_toolbar .main_actions img + button,
    body.caerp .main_toolbar .main_actions img + .btn,
    body.caerp .main_toolbar .main_actions img + .btn-group {
      margin-left: var(--padding-m); }
  body.caerp .main_toolbar dl {
    margin: 0; }
  body.caerp .main_toolbar label + input {
    display: block; }
  body.caerp .main_toolbar .buttons {
    align-self: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end; }
    body.caerp .main_toolbar .buttons button:not(:only-child) {
      margin-left: var(--padding-s); }
    body.caerp .main_toolbar .buttons:only-child {
      display: block;
      text-align: right;
      width: 100%; }

@media (min-width: 31.25rem) {
  body.caerp .main_content .limited_width {
    margin: 0 auto;
    max-width: 80rem; }
    body.caerp .main_content .limited_width.width20 {
      max-width: 20rem; }
    body.caerp .main_content .limited_width.width30 {
      max-width: 30rem; }
    body.caerp .main_content .limited_width.width40 {
      max-width: 40rem; }
    body.caerp .main_content .limited_width.width50 {
      max-width: 50rem; }
    body.caerp .main_content .limited_width.width60 {
      max-width: 60rem; } }

@media (min-width: 62.5rem) {
  body.caerp .main_content {
    padding: 0 var(--variable-horizontal-padding-m) var(--variable-vertical-padding-m); }
    body.caerp .main_content .main_toolbar {
      margin-left: var(--negative-variable-horizontal-padding-m);
      margin-right: var(--negative-variable-horizontal-padding-m);
      padding-left: 1.875rem;
      padding-right: var(--variable-horizontal-padding-m); }
    body.caerp .main_content .limited_width {
      margin: 0 auto;
      max-width: 80rem; }
      body.caerp .main_content .limited_width.width20 {
        max-width: 20rem; }
      body.caerp .main_content .limited_width.width30 {
        max-width: 30rem; }
      body.caerp .main_content .limited_width.width40 {
        max-width: 40rem; }
      body.caerp .main_content .limited_width.width50 {
        max-width: 50rem; }
      body.caerp .main_content .limited_width.width60 {
        max-width: 60rem; } }

@media (min-width: 75rem) {
  body.caerp:not(.aside_bottom) .main_area {
    display: flex; }
    body.caerp:not(.aside_bottom) .main_area > main:only-child {
      overflow: auto; }
    body.caerp:not(.aside_bottom) .main_area > main:not(:only-child) {
      flex: 1 1 auto;
      max-width: calc(100% - 9.375rem);
      overflow: auto; }
  body.caerp.aside_mini:not(.aside_bottom) .main_area > main {
    max-width: calc(100% - 2rem); }
  body.caerp[class*="instance_"]:not(.aside_bottom) .main_area > main:not(:only-child) {
    max-width: calc(100% - 9.375rem - 10px); }
  body.caerp.aside_mini[class*="instance_"]:not(.aside_bottom) .main_area > main {
    max-width: calc(100% - 2rem - 10px); } }

@media (max-width: 62.5rem) {
  body.caerp .main_content {
    padding: 0 var(--variable-horizontal-padding-s) var(--variable-vertical-padding-xl); }
    body.caerp .main_content .main_toolbar {
      margin-left: var(--negative-variable-horizontal-padding-s);
      margin-right: var(--negative-variable-horizontal-padding-s);
      padding-left: var(--variable-horizontal-padding-s);
      padding-right: var(--variable-horizontal-padding-s); } }

@media (max-width: 50rem) {
  body.caerp .main_toolbar .main_actions .btn.icon_only_tablet,
  body.caerp .main_toolbar .main_actions button.icon_only_tablet {
    display: block; } }

@media (max-width: 31.25rem) {
  body.caerp .main_content {
    padding: 0 var(--variable-horizontal-padding-xs) var(--variable-vertical-padding-xl);
    max-width: calc(100vw - .625rem); }
    body.caerp .main_content .limited_width {
      max-width: calc(100vw - 24px); }
  body.caerp .main_toolbar {
    margin-left: 0; }
    body.caerp .main_toolbar .flex > * {
      margin-bottom: var(--padding-s); }
    body.caerp .main_toolbar .main_actions .btn.icon_only_mobile,
    body.caerp .main_toolbar .main_actions button.icon_only_mobile {
      display: block; } }

@media print {
  body.caerp .main_content {
    padding: 0; }
    body.caerp .main_content .limited_width {
      max-width: 100%;
      width: 100%; } }

body.caerp .base_menu {
  align-items: flex-start;
  background: var(--menu-background-color);
  box-shadow: 0 0 10px var(--box-shadow-color);
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: space-between;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  transition: margin .25s ease-out;
  z-index: 20; }
  body.caerp .base_menu > *:not(nav) {
    flex: 0 0 auto;
    padding: var(--variable-vertical-padding-m) var(--menu-horizontal-padding); }
  body.caerp .base_menu > nav {
    flex: 1 0 auto;
    padding: var(--variable-vertical-padding-m) 0;
    width: 100%; }
    body.caerp .base_menu > nav + nav {
      border-top: 1px dashed var(--border-trans-color);
      flex: 5 0 auto;
      padding-top: 0; }
  body.caerp .base_menu .menu_tools {
    list-style-type: none;
    padding: 0;
    position: absolute;
    top: .75rem;
    right: 5px; }
    body.caerp .base_menu .menu_tools button {
      all: inherit;
      cursor: pointer; }
      body.caerp .base_menu .menu_tools button:hover svg, body.caerp .base_menu .menu_tools button:focus svg, body.caerp .base_menu .menu_tools button:active svg {
        fill: var(--form-icon-button-hover-color); }
    body.caerp .base_menu .menu_tools .icon svg {
      height: 1.5rem;
      margin: 4px;
      width: 1.5rem; }
  body.caerp .base_menu .user_menu {
    margin-top: 3.5rem;
    width: 100%; }
    body.caerp .base_menu .user_menu > div.flex {
      align-items: center;
      display: flex;
      flex-wrap: nowrap;
      position: relative; }
    body.caerp .base_menu .user_menu button {
      all: inherit;
      cursor: pointer;
      font-weight: bold;
      padding: 0 5px; }
      body.caerp .base_menu .user_menu button:hover, body.caerp .base_menu .user_menu button:focus, body.caerp .base_menu .user_menu button:active {
        box-shadow: none;
        transform: none; }
        body.caerp .base_menu .user_menu button:hover svg, body.caerp .base_menu .user_menu button:focus svg, body.caerp .base_menu .user_menu button:active svg {
          fill: var(--form-icon-button-hover-color); }
    body.caerp .base_menu .user_menu .menu_arrow {
      display: inline-block;
      margin-left: var(--padding-s);
      margin-right: var(--negative-padding-s); }
    body.caerp .base_menu .user_menu .flex + nav {
      border-bottom: 1px dashed var(--border-trans-color);
      display: none;
      flex: 0 0 auto;
      margin-left: var(--menu-horizontal-negative-margin);
      margin-right: var(--menu-horizontal-negative-margin);
      padding-top: var(--padding-s);
      width: calc(100% + var(--menu-horizontal-padding) + var(--menu-horizontal-padding)); }
    body.caerp .base_menu .user_menu .flex.open .menu_arrow {
      transform: rotate(180deg); }
    body.caerp .base_menu .user_menu .flex.open + nav {
      display: block; }
  body.caerp .base_menu nav {
    list-style-type: none;
    width: 100%; }
    body.caerp .base_menu nav li {
      display: block; }
    body.caerp .base_menu nav a,
    body.caerp .base_menu nav button {
      border-left: var(--menu-border-width) solid var(--menu-border-color);
      color: var(--menu-text-color); }
      body.caerp .base_menu nav a:hover, body.caerp .base_menu nav a:focus,
      body.caerp .base_menu nav button:hover,
      body.caerp .base_menu nav button:focus {
        border-left-color: var(--theme-color);
        background: var(--theme-color);
        color: var(--theme-text-color); }
        body.caerp .base_menu nav a:hover svg, body.caerp .base_menu nav a:focus svg,
        body.caerp .base_menu nav button:hover svg,
        body.caerp .base_menu nav button:focus svg {
          fill: var(--theme-text-color); }
      body.caerp .base_menu nav a:active,
      body.caerp .base_menu nav button:active {
        border-color: var(--static-color); }
    body.caerp .base_menu nav a,
    body.caerp .base_menu nav li > span {
      display: block;
      padding: 5px 10px;
      padding-left: var(--menu-link-padding); }
    body.caerp .base_menu nav a {
      text-decoration: none; }
    body.caerp .base_menu nav li > div {
      padding: 0 10px;
      padding-left: var(--menu-link-padding); }
    body.caerp .base_menu nav li > select {
      font-weight: bold;
      max-width: calc(100% - 4px);
      width: calc(100% - 4px) !important;
      margin: 0 2px; }
      body.caerp .base_menu nav li > select option {
        font-weight: normal; }
    body.caerp .base_menu nav button {
      all: inherit;
      border: 0 none;
      cursor: pointer;
      line-height: 1.25rem;
      margin: 0;
      padding: 7px 10px;
      padding-left: var(--menu-horizontal-padding);
      position: relative;
      width: 100%; }
      body.caerp .base_menu nav button:hover, body.caerp .base_menu nav button:focus, body.caerp .base_menu nav button:active {
        box-shadow: none;
        transform: none; }
        body.caerp .base_menu nav button:hover svg, body.caerp .base_menu nav button:focus svg, body.caerp .base_menu nav button:active svg {
          fill: var(--form-icon-button-hover-color); }
      body.caerp .base_menu nav button svg.menu_arrow {
        display: inline-block;
        margin-left: 0;
        margin-right: var(--negative-padding-s); }
      body.caerp .base_menu nav button svg[class*="theme"] {
        position: absolute;
        right: 0; }
      body.caerp .base_menu nav button + ul {
        display: none; }
      body.caerp .base_menu nav button[aria-expanded="true"] svg.menu_arrow {
        transform: rotate(180deg); }
      body.caerp .base_menu nav button[aria-expanded="true"] + ul {
        display: block; }
    body.caerp .base_menu nav li li button svg[class^="menu"] {
      position: static; }
    body.caerp .base_menu nav a:active,
    body.caerp .base_menu nav li.current_item > a,
    body.caerp .base_menu nav li.current_item > span {
      background: var(--menu-active-background-color);
      border-color: var(--theme-color);
      font-weight: bold; }
      body.caerp .base_menu nav a:active:hover, body.caerp .base_menu nav a:active:focus, body.caerp .base_menu nav a:active:active,
      body.caerp .base_menu nav li.current_item > a:hover,
      body.caerp .base_menu nav li.current_item > a:focus,
      body.caerp .base_menu nav li.current_item > a:active,
      body.caerp .base_menu nav li.current_item > span:hover,
      body.caerp .base_menu nav li.current_item > span:focus,
      body.caerp .base_menu nav li.current_item > span:active {
        background: var(--theme-color); }
    body.caerp .base_menu nav li.current_item > span {
      cursor: default; }
    body.caerp .base_menu nav ul li.current_submenu,
    body.caerp .base_menu nav ul.single_menu li.current_menu {
      background: var(--theme-color);
      border: 1px solid var(--theme-color);
      border-width: 1px 0;
      color: var(--theme-text-color); }
      body.caerp .base_menu nav ul li.current_submenu a,
      body.caerp .base_menu nav ul li.current_submenu span,
      body.caerp .base_menu nav ul.single_menu li.current_menu a,
      body.caerp .base_menu nav ul.single_menu li.current_menu span {
        border-color: var(--theme-color);
        color: var(--theme-text-color); }
      body.caerp .base_menu nav ul li.current_submenu a,
      body.caerp .base_menu nav ul li.current_submenu button,
      body.caerp .base_menu nav ul li.current_submenu span,
      body.caerp .base_menu nav ul.single_menu li.current_menu a,
      body.caerp .base_menu nav ul.single_menu li.current_menu button,
      body.caerp .base_menu nav ul.single_menu li.current_menu span {
        color: var(--theme-text-color); }
        body.caerp .base_menu nav ul li.current_submenu a svg,
        body.caerp .base_menu nav ul li.current_submenu button svg,
        body.caerp .base_menu nav ul li.current_submenu span svg,
        body.caerp .base_menu nav ul.single_menu li.current_menu a svg,
        body.caerp .base_menu nav ul.single_menu li.current_menu button svg,
        body.caerp .base_menu nav ul.single_menu li.current_menu span svg {
          fill: var(--theme-text-color); }
      body.caerp .base_menu nav ul li.current_submenu a,
      body.caerp .base_menu nav ul li.current_submenu li > span,
      body.caerp .base_menu nav ul.single_menu li.current_menu a,
      body.caerp .base_menu nav ul.single_menu li.current_menu li > span {
        padding-left: var(--menu-sub-link-padding); }
      body.caerp .base_menu nav ul li.current_submenu > button,
      body.caerp .base_menu nav ul.single_menu li.current_menu > button {
        font-weight: bold; }
        body.caerp .base_menu nav ul li.current_submenu > button:hover svg, body.caerp .base_menu nav ul li.current_submenu > button:focus svg,
        body.caerp .base_menu nav ul.single_menu li.current_menu > button:hover svg,
        body.caerp .base_menu nav ul.single_menu li.current_menu > button:focus svg {
          fill: var(--form-icon-button-hover-color); }
      body.caerp .base_menu nav ul li.current_submenu a:hover,
      body.caerp .base_menu nav ul li.current_submenu a:focus,
      body.caerp .base_menu nav ul.single_menu li.current_menu a:hover,
      body.caerp .base_menu nav ul.single_menu li.current_menu a:focus {
        background: var(--menu-background-color);
        border-color: var(--menu-background-color);
        color: var(--menu-text-color);
        text-shadow: none !important; }
        body.caerp .base_menu nav ul li.current_submenu a:hover svg,
        body.caerp .base_menu nav ul li.current_submenu a:focus svg,
        body.caerp .base_menu nav ul.single_menu li.current_menu a:hover svg,
        body.caerp .base_menu nav ul.single_menu li.current_menu a:focus svg {
          fill: var(--menu-text-color); }
      body.caerp .base_menu nav ul li.current_submenu a:active,
      body.caerp .base_menu nav ul li.current_submenu li.current_item > a,
      body.caerp .base_menu nav ul li.current_submenu li.current_item > span,
      body.caerp .base_menu nav ul.single_menu li.current_menu a:active,
      body.caerp .base_menu nav ul.single_menu li.current_menu li.current_item > a,
      body.caerp .base_menu nav ul.single_menu li.current_menu li.current_item > span {
        background: var(--menu-active-background-color);
        color: var(--menu-text-color); }
      body.caerp .base_menu nav ul li.current_submenu a:active:hover, body.caerp .base_menu nav ul li.current_submenu a:active:focus, body.caerp .base_menu nav ul li.current_submenu a:active:active,
      body.caerp .base_menu nav ul li.current_submenu li.current_item > a:hover,
      body.caerp .base_menu nav ul li.current_submenu li.current_item > a:focus,
      body.caerp .base_menu nav ul li.current_submenu li.current_item > a:active,
      body.caerp .base_menu nav ul.single_menu li.current_menu a:active:hover,
      body.caerp .base_menu nav ul.single_menu li.current_menu a:active:focus,
      body.caerp .base_menu nav ul.single_menu li.current_menu a:active:active,
      body.caerp .base_menu nav ul.single_menu li.current_menu li.current_item > a:hover,
      body.caerp .base_menu nav ul.single_menu li.current_menu li.current_item > a:focus,
      body.caerp .base_menu nav ul.single_menu li.current_menu li.current_item > a:active {
        background: var(--menu-background-color); }
    body.caerp .base_menu nav .select2-container .select2-selection {
      padding: var(--padding-m) 0; }
  body.caerp .base_menu nav > ul:not(.single_menu) > li > button {
    font-weight: bold;
    line-height: 1.625rem; }
    body.caerp .base_menu nav > ul:not(.single_menu) > li > button svg.menu_arrow {
      left: 5px;
      margin: 5px;
      position: absolute; }
  body.caerp .base_menu footer {
    font-size: .625rem; }

@media (min-height: 1001px) {
  body.caerp .base_menu nav ul a {
    padding-bottom: var(--padding-m);
    padding-top: var(--padding-m); } }

@media (min-width: 62.5rem) {
  body.caerp .menu_tools .menu_show,
  body.caerp .menu_tools .menu_hide {
    display: none; }
  body.caerp:not(.menu_mini) .menu_tools {
    left: 5px;
    right: auto; }
  body.caerp.menu_mini .base_menu {
    margin-left: var(--menu-slide-margin);
    overflow-y: hidden; }
    body.caerp.menu_mini .base_menu .cae_logo,
    body.caerp.menu_mini .base_menu header,
    body.caerp.menu_mini .base_menu footer,
    body.caerp.menu_mini .base_menu nav,
    body.caerp.menu_mini .base_menu .user_menu {
      opacity: 0;
      pointer-events: none;
      transition: opacity .25s .1s ease-out; }
    body.caerp.menu_mini .base_menu nav {
      padding-right: var(--menu-mini-width); }
      body.caerp.menu_mini .base_menu nav li > div {
        padding-left: var(--menu-mini-width); }
  body.caerp.menu_mini .main_area {
    width: calc(100vw - var(--menu-mini-width)); }
  body.caerp.menu_mini .menu_tools .menu_size button {
    display: flex;
    height: calc(100vh - 10px);
    position: relative;
    width: 1.875rem; }
    body.caerp.menu_mini .menu_tools .menu_size button svg {
      left: 0;
      position: absolute;
      top: 0;
      transform: rotate(180deg); }
  body.caerp .base_menu {
    width: var(--menu-maxi-width); }
  body.caerp .base_content,
  body.caerp .main_area {
    width: calc(100vw - var(--menu-maxi-width)); }
  body.caerp .main_area {
    transition: width .25s ease-out; } }

@media (max-width: 62.5rem) {
  body.caerp .menu_tools .menu_size,
  body.caerp .menu_tools .menu_hide {
    display: none; }
  body.caerp .base_menu {
    margin-left: var(--menu-slide-margin);
    width: var(--menu-maxi-width); }
    body.caerp .base_menu .cae_logo,
    body.caerp .base_menu header,
    body.caerp .base_menu footer,
    body.caerp .base_menu nav,
    body.caerp .base_menu .user_menu {
      opacity: 0;
      pointer-events: none;
      transition: opacity .25s .1s ease-out; }
    body.caerp .base_menu nav {
      padding-right: var(--menu-horizontal-padding); }
      body.caerp .base_menu nav li > div {
        padding-left: var(--menu-horizontal-padding); }
    body.caerp .base_menu .menu_tools .menu_show {
      display: flex;
      height: calc(100vh - 10px); }
      body.caerp .base_menu .menu_tools .menu_show button {
        position: relative;
        width: 1.875rem; }
        body.caerp .base_menu .menu_tools .menu_show button svg {
          left: 0;
          position: absolute;
          top: 0; }
  body.caerp .main_area,
  body.caerp .base_content {
    width: calc(100vw - var(--menu-mini-width) - 2px); }
  body.caerp .base_menu:not(.open) {
    overflow-y: hidden; }
  body.caerp .base_menu.open {
    height: 100vh;
    margin-left: 0;
    margin-right: var(--menu-slide-margin);
    z-index: 25; }
    body.caerp .base_menu.open .cae_logo,
    body.caerp .base_menu.open header,
    body.caerp .base_menu.open footer,
    body.caerp .base_menu.open nav,
    body.caerp .base_menu.open .user_menu {
      opacity: 1;
      pointer-events: auto; }
    body.caerp .base_menu.open nav {
      padding-right: 0; }
    body.caerp .base_menu.open .menu_hide {
      display: block; }
    body.caerp .base_menu.open .menu_show {
      display: none; } }

@media (max-width: 31.25rem) {
  body.caerp .base_menu {
    height: 100vh;
    position: absolute; }
  body.caerp .main_area,
  body.caerp .base_content {
    width: 100vw; }
  body.caerp .base_menu:not(.open) {
    background: var(--theme-color);
    box-shadow: none;
    height: 3.25rem;
    overflow: hidden; }
    body.caerp .base_menu:not(.open) ul.menu_tools {
      right: .625rem;
      top: .5rem; }
      body.caerp .base_menu:not(.open) ul.menu_tools .icon svg {
        fill: var(--theme-text-color);
        margin: .5rem; } }

@media print {
  body.caerp .base_menu {
    box-shadow: none;
    display: none; }
  body.caerp .base_content {
    outline: 1px dashed #efefef;
    width: 100%; } }

body.caerp .modal_view.appear div[role="dialog"] > div {
  animation: appear_anim .25s ease-out; }

body.caerp .modal_view.dismiss div[role="dialog"] > div {
  animation: dismiss_anim .25s ease-out; }

body.caerp .modal_view .loading_box,
body.caerp .modal_view .feedback_box {
  position: absolute; }
  body.caerp .modal_view .loading_box svg,
  body.caerp .modal_view .feedback_box svg {
    height: 33%;
    max-height: 8rem;
    max-width: 8rem;
    width: 33%; }

body.caerp .modal_view div[role="dialog"] {
  align-items: center;
  background: var(--mask-layer-background-color);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 30; }
  body.caerp .modal_view div[role="dialog"] .modal_layout {
    background: var(--screen-background-color);
    box-shadow: 0 2px 4px var(--box-shadow-color);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 20px);
    max-width: calc(100vw - 20px);
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all 0.1s !important;
    /* for modal resizing */ }
    body.caerp .modal_view div[role="dialog"] .modal_layout header {
      padding: var(--padding-m); }
    body.caerp .modal_view div[role="dialog"] .modal_layout footer {
      border-top: 1px dashed var(--border-trans-color);
      padding: var(--padding-m) 0 0; }
      body.caerp .modal_view div[role="dialog"] .modal_layout footer button,
      body.caerp .modal_view div[role="dialog"] .modal_layout footer a.btn {
        margin: 0 var(--padding-s) var(--padding-s) 0; }
    body.caerp .modal_view div[role="dialog"] .modal_layout blockquote footer {
      border-top: unset; }
  body.caerp .modal_view div[role="dialog"] header,
  body.caerp .modal_view div[role="dialog"] footer,
  body.caerp .modal_view div[role="dialog"] nav {
    flex: 0 0 auto; }
  body.caerp .modal_view div[role="dialog"] nav {
    margin-bottom: -1px; }
    body.caerp .modal_view div[role="dialog"] nav .nav-tabs {
      padding: 0 var(--padding-m); }
    body.caerp .modal_view div[role="dialog"] nav + .tab-content {
      border-top: 1px solid var(--border-color); }
  body.caerp .modal_view div[role="dialog"] .modal_content_layout {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    padding: 0 var(--padding-m); }
    body.caerp .modal_view div[role="dialog"] .modal_content_layout .modal_content {
      flex: 1 1 auto;
      margin-right: -var(--padding-m);
      overflow-y: auto;
      padding-right: var(--padding-m);
      padding-top: var(--padding-m); }
      body.caerp .modal_view div[role="dialog"] .modal_content_layout .modal_content.with_table {
        padding-top: 0; }
      body.caerp .modal_view div[role="dialog"] .modal_content_layout .modal_content > .form-group:first-child {
        padding-top: var(--padding-m); }
    body.caerp .modal_view div[role="dialog"] .modal_content_layout form.deform {
      display: flex;
      flex: 1 1 auto;
      margin-right: -var(--padding-m);
      overflow-y: hidden; }
    body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset {
      display: flex;
      flex-direction: column;
      margin-right: -var(--padding-m);
      overflow: hidden;
      width: 100%; }
      body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset > div {
        flex: 1 1 auto;
        padding-right: var(--padding-m); }
        body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset > div.form-group:first-of-type {
          padding-top: var(--padding-m); }
        body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset > div:last-of-type {
          flex: 0 0 auto;
          padding: var(--padding-m) 0; }
          body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset > div:last-of-type button {
            margin-bottom: 0; }
        body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset > div:first-of-type:not(.row) {
          overflow-y: auto; }
      body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset > div.alert:first-of-type {
        flex-shrink: 0;
        margin-right: var(--padding-m);
        padding-bottom: var(--padding-m);
        padding-top: var(--padding-m);
        overflow-y: hidden; }
        body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset > div.alert:first-of-type + div {
          overflow-y: auto; }
      body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset .form-group.Sequence .deform-seq-item.form-group {
        padding: var(--padding-m) 0; }
    body.caerp .modal_view div[role="dialog"] .modal_content_layout thead {
      top: -var(--padding-m); }
      body.caerp .modal_view div[role="dialog"] .modal_content_layout thead tr:first-child th[scope="col"] {
        height: auto; }
  body.caerp .modal_view div[role="dialog"] form.modal_content_layout .modal_content {
    padding-top: 0; }
  body.caerp .modal_view div[role="dialog"] header {
    background: var(--theme-color);
    position: sticky;
    top: 0;
    z-index: 8; }
    body.caerp .modal_view div[role="dialog"] header.caution {
      background: var(--func-caution-color); }
    body.caerp .modal_view div[role="dialog"] header button.close svg {
      fill: var(--theme-text-color); }
    body.caerp .modal_view div[role="dialog"] header button.close:hover, body.caerp .modal_view div[role="dialog"] header button.close:focus, body.caerp .modal_view div[role="dialog"] header button.close:active {
      background: none; }
      body.caerp .modal_view div[role="dialog"] header button.close:hover svg, body.caerp .modal_view div[role="dialog"] header button.close:focus svg, body.caerp .modal_view div[role="dialog"] header button.close:active svg {
        fill: var(--form-icon-button-hover-color); }
    body.caerp .modal_view div[role="dialog"] header h2 {
      align-items: center;
      border: 0 none;
      display: flex;
      color: var(--theme-text-color);
      padding: 0 2rem 0 0; }
      body.caerp .modal_view div[role="dialog"] header h2 .user_avatar {
        flex-basis: 2.5rem;
        height: 2.5rem;
        margin: -var(--padding-m) var(--padding-m) -var(--padding-m) 0;
        width: 2.5rem; }
      body.caerp .modal_view div[role="dialog"] header h2 .bubble {
        margin-left: .25em; }
    body.caerp .modal_view div[role="dialog"] header + form:not(.modal_content_layout) {
      display: flex;
      flex: 1 1 auto;
      overflow-y: hidden; }
  body.caerp .modal_view div[role="dialog"] button.close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10; }
  body.caerp .modal_view div[role="dialog"] footer {
    padding-top: var(--padding-m); }
  body.caerp .modal_view div[role="dialog"] .modal_overflow {
    display: flex;
    flex: 1 1 auto;
    overflow-y: hidden;
    width: 100%; }
  body.caerp .modal_view div[role="dialog"] .tab-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    padding: 0 var(--padding-m); }
    body.caerp .modal_view div[role="dialog"] .tab-content .tab-pane.active {
      display: flex;
      flex: 1 1 auto; }
    body.caerp .modal_view div[role="dialog"] .tab-content form.modal_content_layout {
      padding-top: 0; }
  body.caerp .modal_view div[role="dialog"] .tab-pane {
    max-height: 100%;
    overflow: hidden; }
    body.caerp .modal_view div[role="dialog"] .tab-pane .modal_content_layout {
      max-height: 100%;
      padding-bottom: 0;
      width: 100%; }
  body.caerp .modal_view div[role="dialog"] .form-row > div:not([class*="col-md"]) {
    width: 100%; }
  body.caerp .modal_view div[role="dialog"] .form-row .form-group:not([class*="col-md"]) {
    padding-bottom: var(--padding-m);
    width: 100%; }
  body.caerp .modal_view div[role="dialog"] .form-row > div[class*="col-md"] .form-group:not([class*="col-md"]) {
    padding-bottom: 0; }
  body.caerp .modal_view div[role="dialog"] .sub_modal {
    border-top: 1px dashed var(--border-trans-color);
    position: relative;
    padding-top: var(--padding-s); }

body.caerp .modal_view.size_full div[role="dialog"] .modal_layout {
  min-height: 95vh;
  height: 95vh;
  width: 95%; }

body.caerp .modal_view.size_extralarge div[role="dialog"] .modal_layout {
  min-height: 75vh;
  height: 75vh;
  width: 95%; }

body.caerp .modal_view.size_large div[role="dialog"] .modal_layout {
  min-height: 75vh;
  width: 60em; }

body.caerp .modal_view.size_middle div[role="dialog"] .modal_layout {
  min-height: 50vh;
  width: 45em; }

body.caerp .modal_view.size_small div[role="dialog"] .modal_layout {
  min-height: 25vh;
  width: 30em; }

body.caerp.modal_open {
  overflow-y: hidden;
  position: relative; }
  body.caerp.modal_open .base_layout,
  body.caerp.modal_open .base_content,
  body.caerp.modal_open .main_area {
    height: 100vh;
    overflow: hidden; }

@media (min-width: 75rem) {
  body.caerp .modal_view:not([class*="size"]) div[role="dialog"] .modal_layout {
    max-width: 50vw; } }

@media (max-width: 75rem) {
  body.caerp .modal_view:not([class*="size"]) div[role="dialog"] .modal_layout {
    max-width: 75vw; } }

@media (max-width: 62.5rem) {
  body.caerp .modal_view:not([class*="size"]) div[role="dialog"] .modal_layout {
    max-width: 90vw; } }

@media (min-width: 31.25rem) and (max-width: 50rem) {
  body.caerp .modal_view div[role="dialog"] .modal_layout {
    margin: 2.5vh 0;
    max-height: calc( 95vh - 20px); } }

@media (max-width: 31.25rem) {
  body.caerp .modal_view div[role="dialog"] {
    align-items: flex-start; }
    body.caerp .modal_view div[role="dialog"] .modal_layout {
      height: 100vh;
      min-height: 100vh !important;
      max-height: 100vh;
      width: 100vw !important;
      max-width: 100vw; }
      body.caerp .modal_view div[role="dialog"] .modal_layout main {
        overflow-y: scroll; }
    body.caerp .modal_view div[role="dialog"] .modal_content_layout fieldset.deformFormFieldset > div {
      padding-right: 0; }
  body.caerp .modal_view .modal_actions {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -var(--padding-m); }
    body.caerp .modal_view .modal_actions button {
      margin-bottom: var(--padding-m); } }

body.caerp .notifications_list {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 23; }
  body.caerp .notifications_list .notification_counter {
    display: flex;
    justify-content: flex-end; }
    body.caerp .notifications_list .notification_counter button.unstyled {
      color: var(--theme-text-color);
      height: 3.5rem;
      margin-right: .25rem;
      overflow: hidden;
      position: relative;
      width: 3.5rem; }
      body.caerp .notifications_list .notification_counter button.unstyled svg {
        fill: var(--theme-text-color);
        height: 2rem;
        width: 2rem; }
      body.caerp .notifications_list .notification_counter button.unstyled:hover, body.caerp .notifications_list .notification_counter button.unstyled:focus, body.caerp .notifications_list .notification_counter button.unstyled:active {
        background: none; }
      body.caerp .notifications_list .notification_counter button.unstyled:not([disabled]):hover svg, body.caerp .notifications_list .notification_counter button.unstyled:not([disabled]):focus svg, body.caerp .notifications_list .notification_counter button.unstyled:not([disabled]):active svg {
        fill: var(--form-icon-button-hover-color); }
    body.caerp .notifications_list .notification_counter .bubble {
      background: var(--func-negative-color);
      bottom: .5rem;
      box-shadow: 0 1px 1px var(--static-color);
      color: var(--svg-invert-fill-color);
      height: 1.625em;
      line-height: 1.625rem;
      right: .5rem;
      width: 1.625em; }
  body.caerp .notifications_list ul.notifications {
    list-style-type: none;
    width: 100%; }
    body.caerp .notifications_list ul.notifications > li {
      align-items: center;
      background: var(--screen-trans-background-color);
      border-left: 5px solid var(--func-neutral-color);
      box-shadow: 0 0 1px var(--box-shadow-color), 0 0 5px var(--box-shadow-color);
      display: flex;
      font-size: .875rem;
      justify-content: flex-start;
      margin: 5px;
      position: relative; }
      body.caerp .notifications_list ul.notifications > li[class] span.icon svg {
        fill: var(--svg-invert-fill-color); }
      body.caerp .notifications_list ul.notifications > li.success, body.caerp .notifications_list ul.notifications > li.valid {
        border-left-color: var(--func-positive-color); }
        body.caerp .notifications_list ul.notifications > li.success span.icon, body.caerp .notifications_list ul.notifications > li.valid span.icon {
          background: var(--func-positive-color); }
      body.caerp .notifications_list ul.notifications > li.error, body.caerp .notifications_list ul.notifications > li.invalid {
        border-left-color: var(--func-negative-color); }
        body.caerp .notifications_list ul.notifications > li.error span.icon, body.caerp .notifications_list ul.notifications > li.invalid span.icon {
          background: var(--func-negative-color); }
      body.caerp .notifications_list ul.notifications > li.caution {
        border-left-color: var(--func-caution-color); }
        body.caerp .notifications_list ul.notifications > li.caution span.icon {
          background: var(--func-caution-color); }
      body.caerp .notifications_list ul.notifications > li.neutral, body.caerp .notifications_list ul.notifications > li.wait {
        border-left-color: var(--func-neutral-color); }
        body.caerp .notifications_list ul.notifications > li.neutral span.icon, body.caerp .notifications_list ul.notifications > li.wait span.icon {
          background: var(--func-neutral-color); }
      body.caerp .notifications_list ul.notifications > li .text {
        padding: var(--padding-s) var(--padding-m); }
        body.caerp .notifications_list ul.notifications > li .text .btn {
          margin-top: var(--padding-s); }
      body.caerp .notifications_list ul.notifications > li h4.text {
        font-size: .875rem; }
      body.caerp .notifications_list ul.notifications > li > div h4.text,
      body.caerp .notifications_list ul.notifications > li > div div.text:first-child {
        padding-right: 5rem; }
      body.caerp .notifications_list ul.notifications > li > div:last-child .text:first-of-type {
        padding-right: 0; }
      body.caerp .notifications_list ul.notifications > li[aria-hidden="true"] {
        display: none; }
    body.caerp .notifications_list ul.notifications li.text_more {
      border-left-width: 0; }
      body.caerp .notifications_list ul.notifications li.text_more > div {
        padding: var(--padding-m); }
  body.caerp .notifications_list > ul.notifications {
    max-height: 100vh;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0; }
  body.caerp .notifications_list span {
    display: inline-block; }
  body.caerp .notifications_list span.icon {
    align-self: stretch;
    flex: 0 0 auto;
    width: 3rem; }
    body.caerp .notifications_list span.icon svg {
      fill: var(--svg-fill-color);
      height: 2rem;
      margin: .5rem .375rem;
      width: 2rem; }
  body.caerp .notifications_list button.unstyled {
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem; }
    body.caerp .notifications_list button.unstyled svg {
      fill: var(--svg-fill-color);
      margin: 0; }
    body.caerp .notifications_list button.unstyled:hover, body.caerp .notifications_list button.unstyled:focus, body.caerp .notifications_list button.unstyled:active {
      background: var(--form-input-background-color); }
    body.caerp .notifications_list button.unstyled + button.unstyled {
      right: 2.5rem; }

body.caerp > .notification:not(:empty) ~ .notifications_list {
  top: 3rem; }

@media (min-width: 87.5rem) {
  body.caerp .notifications_list {
    width: 22rem; } }

@media (min-width: 75rem) {
  body.caerp .notifications_list {
    width: 25vw; } }

@media (min-width: 62.5rem) {
  body.caerp .notifications_list {
    width: 33vw; } }

@media (max-width: 62.5rem) {
  body.caerp .notifications_list {
    width: 50vw; } }

@media (max-width: 31.25rem) {
  body.caerp .notifications_list {
    width: calc(100vw - 2.5rem); }
    body.caerp .notifications_list .notification_counter a svg {
      height: 1.5rem;
      margin: .5625rem;
      width: 1.5rem; } }

body.caerp.theme_manage_entity .notifications_list .notification_counter button svg,
body.caerp.theme_manage_entity .notifications_list .notification_counter span svg {
  fill: var(--theme-text-color); }

@media print {
  body.caerp .notifications_list .notification_counter {
    display: none; } }

body.caerp .pager {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: var(--padding-m) 0; }
  body.caerp .pager.display_selector {
    justify-content: space-between; }
  body.caerp .pager h2,
  body.caerp .pager h3,
  body.caerp .pager h4,
  body.caerp .pager h5,
  body.caerp .pager h6 {
    display: inline-block;
    font-family: 'OpenSans', sans-serif;
    font-size: .875rem;
    font-weight: normal;
    padding: 0 var(--padding-xl) 0 0; }
  body.caerp .pager nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap; }
    body.caerp .pager nav ul {
      list-style-type: none; }
    body.caerp .pager nav li {
      display: inline-block;
      padding: 0; }
  body.caerp .pager > div {
    align-items: center;
    display: flex;
    flex-wrap: wrap; }
  body.caerp .pager a.btn,
  body.caerp .pager span,
  body.caerp .pager button {
    line-height: 2em;
    min-width: 2em;
    padding: 0 .25em;
    text-align: center; }
  body.caerp .pager span {
    display: inline-block; }
    body.caerp .pager span + button,
    body.caerp .pager span + .btn {
      margin-left: var(--padding-s); }
  body.caerp .pager a.btn + span,
  body.caerp .pager button + span {
    margin-left: var(--padding-s); }
  body.caerp .pager a.btn:not(.mini) svg,
  body.caerp .pager button:not(.mini) svg {
    margin: 0; }
  body.caerp .pager span.current {
    background: var(--theme-color);
    color: var(--theme-text-color); }
  body.caerp .pager span.spacer {
    color: var(--form-button-disabled-text-color); }
  body.caerp .pager form {
    display: inline-block; }
  body.caerp .pager div + form {
    padding-left: var(--padding-xl); }
  body.caerp .pager .form-group {
    align-items: center;
    display: inline-flex;
    padding: 0; }
    body.caerp .pager .form-group a.btn,
    body.caerp .pager .form-group button {
      flex: 1 0 auto;
      margin: auto 0 auto var(--padding-s);
      padding: 0 .5em; }
      body.caerp .pager .form-group a.btn svg,
      body.caerp .pager .form-group button svg {
        margin-right: .25em; }

@media (max-width: 50rem) {
  body.caerp .pager > div {
    padding-top: var(--padding-m); } }

body.caerp.caerp_popup .main_header {
  padding: 0 var(--padding-s); }
  body.caerp.caerp_popup .main_header .header_content {
    max-width: 100%; }
    body.caerp.caerp_popup .main_header .header_content > div:only-child {
      max-width: 100%;
      padding: 0 !important; }
  body.caerp.caerp_popup .main_header h1 button {
    position: absolute;
    right: 0;
    top: 0; }
    body.caerp.caerp_popup .main_header h1 button svg {
      fill: var(--static-invert-color); }

body.caerp.caerp_popup .main_area {
  flex: 0 0 calc(100vh - 3rem - 10px);
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100vw; }
  body.caerp.caerp_popup .main_area main {
    height: 100%;
    overflow: hidden; }

body.caerp.caerp_popup .main_content {
  height: 100%;
  overflow: auto;
  padding: 0; }
  body.caerp.caerp_popup .main_content > .panel .alert {
    margin: var(--padding-s);
    padding-bottom: var(--padding-m);
    padding-top: var(--padding-m); }
  body.caerp.caerp_popup .main_content .limited_width {
    max-width: 100%;
    width: 100%; }
    body.caerp.caerp_popup .main_content .limited_width fieldset.deformFormFieldset > div:nth-last-child(2) {
      padding-bottom: var(--padding-m); }
    body.caerp.caerp_popup .main_content .limited_width fieldset.deformFormFieldset > div.form-group:last-child {
      background: var(--screen-background-color);
      border-top: 1px dashed var(--border-color);
      bottom: 0;
      left: 0;
      padding: var(--padding-s) 0 0;
      position: sticky;
      width: 100%; }
  body.caerp.caerp_popup .main_content fieldset.deformFormFieldset {
    padding: var(--padding-s) var(--padding-s) 0; }
    body.caerp.caerp_popup .main_content fieldset.deformFormFieldset + div.btn-group:last-child {
      background: var(--screen-background-color);
      bottom: 0;
      left: 0;
      padding: var(--padding-s);
      position: sticky;
      width: 100%; }

body.caerp.caerp_popup .layout.flex > div:only-child {
  flex-basis: auto; }

body.caerp.caerp_popup .main_actions,
body.caerp.caerp_popup .popup_content {
  padding: var(--padding-m) var(--padding-xl); }

body.caerp.caerp_popup .main_content > .limited_width > h2 {
  background: var(--theme-color);
  color: var(--theme-text-color);
  padding: var(--padding-m) var(--padding-xl);
  position: relative; }

body.caerp.caerp_popup .main_content > .limited_width > div {
  padding: var(--padding-m) var(--padding-xl); }

@media (max-width: 31.25rem) {
  body.caerp.caerp_popup .main_content,
  body.caerp.caerp_popup .form-row {
    max-width: 100%; } }

body.caerp table caption {
  border-top: 1px dashed var(--border-color);
  border-bottom: 1px dashed var(--border-color);
  font-weight: bold;
  margin-top: var(--padding-s);
  padding: 2px 0;
  text-align: left; }

body.caerp table th,
body.caerp table td {
  font-size: .875rem;
  padding: 4px 2px;
  position: relative; }
  body.caerp table th.status,
  body.caerp table td.status {
    color: var(--static-invert-color); }
    body.caerp table th.status.positive,
    body.caerp table td.status.positive {
      background: var(--func-positive-color); }
  body.caerp table th.archive,
  body.caerp table td.archive {
    color: var(--text-greyed-color);
    font-style: italic; }
    body.caerp table th.archive .positive,
    body.caerp table td.archive .positive {
      color: var(--func-positive-color); }
    body.caerp table th.archive .negative,
    body.caerp table td.archive .negative {
      color: var(--func-negative-color); }

body.caerp table.summary th, body.caerp table.summary td {
  padding: 2px 4px; }

body.caerp table.top_align_table td,
body.caerp table tr.top_align th,
body.caerp table tr.top_align td,
body.caerp table th.top_align,
body.caerp table td.top_align {
  padding-bottom: 6px;
  padding-top: 10px;
  vertical-align: top; }
  body.caerp table.top_align_table td.col_select,
  body.caerp table tr.top_align th.col_select,
  body.caerp table tr.top_align td.col_select,
  body.caerp table th.top_align.col_select,
  body.caerp table td.top_align.col_select {
    padding-bottom: 0;
    padding-top: 0; }

body.caerp table.top_align_table tr.center_align th, body.caerp table.top_align_table tr.center_align td, body.caerp table.top_align_table th.center_align, body.caerp table.top_align_table td.center_align {
  padding-bottom: 0;
  padding-top: 0;
  vertical-align: middle; }

body.caerp table thead th.col_select[scope="col"] {
  vertical-align: middle; }

body.caerp table thead tr.display td {
  border-bottom: 1px solid var(--form-focus-line3-color); }
  body.caerp table thead tr.display td.col_actions {
    padding: 0;
    text-align: center; }
    body.caerp table thead tr.display td.col_actions:first-child {
      min-width: 0;
      width: 1em; }

body.caerp table thead tr.display .btn.small {
  padding: 5px; }

body.caerp table thead tr.display .btn-group .dropdown-menu a.btn {
  padding-bottom: 5px;
  padding-top: 5px; }

body.caerp table thead tr.source th,
body.caerp table thead tr.source td {
  padding-bottom: 0;
  padding-top: 0; }

body.caerp table th[scope="row"] {
  text-align: left; }

body.caerp table th strong {
  text-transform: uppercase; }

body.caerp table th span.icon {
  margin-right: .125rem;
  vertical-align: .125rem; }

body.caerp table th a:link,
body.caerp table th a:visited {
  color: var(--link-color); }

body.caerp table th a {
  text-decoration: none; }
  body.caerp table th a.icon {
    padding-left: 10px;
    position: relative; }
    body.caerp table th a.icon svg {
      bottom: 4px;
      fill: var(--svg-fill-color);
      height: 8px;
      left: 0;
      opacity: .25;
      position: absolute;
      vertical-align: baseline;
      width: 8px; }
  body.caerp table th a.icon.mini svg {
    left: var(--padding-s); }
  body.caerp table th a:hover, body.caerp table th a:focus, body.caerp table th a:active {
    text-decoration: underline; }
    body.caerp table th a:hover svg, body.caerp table th a:focus svg, body.caerp table th a:active svg {
      opacity: 1; }
  body.caerp table th a.icon.current {
    padding-left: 14px; }
    body.caerp table th a.icon.current svg {
      height: 12px;
      margin-top: -6px;
      opacity: 1;
      width: 12px; }

body.caerp table thead th[scope="col"] {
  color: var(--text-greyed-color);
  line-height: 1.25;
  vertical-align: bottom; }
  body.caerp table thead th[scope="col"] svg {
    fill: var(--text-greyed-color); }

body.caerp table thead tr:first-child th[scope="col"] {
  height: 3.5em; }

body.caerp table tbody th a:only-child {
  display: block; }

body.caerp table tbody th a:link,
body.caerp table tbody th a:visited {
  color: var(--text-color); }

body.caerp table tbody th small {
  font-weight: normal;
  line-height: 1;
  margin-top: .25em; }

body.caerp table td {
  text-align: center; }
  body.caerp table td input[type="text"],
  body.caerp table td input[type="date"] {
    text-align: center; }
  body.caerp table td strong {
    line-height: .75; }
  body.caerp table td .icon_choice {
    padding: 0px; }
    body.caerp table td .icon_choice .toggle-buttons {
      padding: 0; }
    body.caerp table td .icon_choice label > span > span {
      display: none; }
  body.caerp table td .icon_label svg {
    vertical-align: inherit; }

body.caerp table input[type="text"],
body.caerp table input[type="number"] {
  background: var(--table-input-background);
  padding: var(--padding-s) 0; }

body.caerp table div.checkbox,
body.caerp table div.radio,
body.caerp table div.toggle {
  padding: .25em 0;
  width: 100%; }

body.caerp table div.checkbox input[type="checkbox"],
body.caerp table div.toggle input[type="checkbox"],
body.caerp table div.radio input[type="radio"] {
  margin-top: .5rem; }

body.caerp table .col_text {
  text-align: left; }
  body.caerp table .col_text.align_right {
    text-align: right; }
  body.caerp table .col_text.align_center {
    text-align: center; }
  body.caerp table .col_text input[type="text"] {
    text-align: left; }

body.caerp table .col_text.min4 {
  min-width: 4em; }

body.caerp table .col_text.min6 {
  min-width: 6em; }

body.caerp table .col_text.min8 {
  min-width: 8em; }

body.caerp table .col_text.min10 {
  min-width: 10em; }

body.caerp table .col_text.min12 {
  min-width: 12em; }

body.caerp table .col_text.min14 {
  min-width: 14em; }

body.caerp table td.col_text {
  hyphens: auto;
  overflow-wrap: anywhere; }
  body.caerp table td.col_text a {
    border: unset;
    color: var(--text-color);
    display: block;
    line-height: 1.25;
    text-decoration: none; }
  body.caerp table td.col_text a:hover,
  body.caerp table td.col_text a:focus,
  body.caerp table td.col_text a:active {
    text-decoration: underline; }
  body.caerp table td.col_text li {
    overflow-wrap: anywhere;
    padding: 0 0 4px; }
  body.caerp table td.col_text small.description {
    display: block;
    display: -webkit-box;
    hyphens: none;
    line-clamp: 3 "…";
    max-height: 3.75em;
    overflow: hidden;
    padding: 2px 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  body.caerp table td.col_text .topay strong {
    color: var(--func-caution-color); }
  body.caerp table td.col_text .icon.status {
    margin: var(--padding-s) var(--padding-s) var(--padding-s) 0; }
  body.caerp table td.col_text button {
    hyphens: none; }
  body.caerp table td.col_text.form > div {
    padding: var(--padding-xl) 0 var(--padding-s) 0; }
    body.caerp table td.col_text.form > div button {
      margin: var(--padding-xl) var(--padding-xl) 0 0; }
    body.caerp table td.col_text.form > div div {
      overflow-wrap: anywhere; }
    body.caerp table td.col_text.form > div a {
      display: inline;
      line-height: 1.75; }
      body.caerp table td.col_text.form > div a.icon.unstyled {
        margin: -var(--padding-m) 0; }
  body.caerp table td.col_text:not(.col_icon) .icon {
    margin: 0 .125em; }
    body.caerp table td.col_text:not(.col_icon) .icon svg {
      vertical-align: baseline; }
  body.caerp table td.col_text.document_number {
    word-break: break-word; }
  body.caerp table td.col_text.unity {
    word-break: break-all; }

body.caerp table td.col_icon .icon svg {
  height: var(--icon-size-s);
  width: var(--icon-size-s); }

body.caerp table td.col_avatar {
  min-height: 2.75rem;
  width: 2.75rem; }
  body.caerp table td.col_avatar .user_avatar {
    height: 2.5rem;
    margin: 0;
    position: absolute;
    transition: transform .5s ease-out;
    width: 2.5rem; }
    body.caerp table td.col_avatar .user_avatar.photo:hover {
      transform: scale(2);
      z-index: 25; }

body.caerp table td.col_actions {
  max-width: calc( 9rem + 24px + .5rem);
  min-width: calc( 2.75rem);
  padding: 0 .25rem;
  text-align: right; }
  body.caerp table td.col_actions > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    width: 100%; }
    body.caerp table td.col_actions > ul li {
      display: inline-block;
      padding: 0; }
  body.caerp table td.col_actions .btn {
    margin: 2px 0;
    text-align: left; }
    body.caerp table td.col_actions .btn.up, body.caerp table td.col_actions .btn.down {
      padding: .625rem .25rem; }
  body.caerp table td.col_actions .btn-container {
    display: inline-flex;
    display: inline flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0; }
  body.caerp table td.col_actions .btn-group {
    display: inline-flex;
    display: inline flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding-left: 0; }
    body.caerp table td.col_actions .btn-group:only-child {
      width: 100%; }
    body.caerp table td.col_actions .btn-group .dropdown-menu {
      top: calc( 2.25rem + 6px); }
  body.caerp table td.col_actions > .btn + .btn,
  body.caerp table td.col_actions > .btn + .btn-group,
  body.caerp table td.col_actions > .btn + .btn-container {
    margin-left: 2px; }
  body.caerp table td.col_actions .dropdown-menu-right .btn {
    margin: 0; }
  body.caerp table td.col_actions .btn.icon.only {
    font-size: 0;
    /* hide text */ }
  body.caerp table td.col_actions.width_one {
    width: calc( 2.75rem); }
    body.caerp table td.col_actions.width_one > ul,
    body.caerp table td.col_actions.width_one > .btn-container,
    body.caerp table td.col_actions.width_one > .btn-group {
      justify-content: flex-end;
      margin-left: auto; }
  body.caerp table td.col_actions.width_two {
    width: calc( 4.5rem + 12px + .5rem); }
    body.caerp table td.col_actions.width_two > ul,
    body.caerp table td.col_actions.width_two > .btn-container:only-child,
    body.caerp table td.col_actions.width_two > .btn-group:only-child {
      margin: 0 2px 0 auto;
      width: calc( 4.5rem + 2px + .5rem); }
    body.caerp table td.col_actions.width_two .btn-group {
      margin-left: auto;
      width: calc( 4.5rem + 4px + .5rem); }
  body.caerp table td.col_actions.width_three {
    width: calc( 6.75rem + 18px + .5rem); }
    body.caerp table td.col_actions.width_three > ul,
    body.caerp table td.col_actions.width_three > .btn-container:only-child,
    body.caerp table td.col_actions.width_three > .btn-group:only-child {
      margin: 0 2px 0 auto;
      width: calc( 6.75rem + 8px + .5rem); }
    body.caerp table td.col_actions.width_three .btn-group {
      margin-left: auto;
      width: calc( 6.75rem + 12px + .5rem); }
  body.caerp table td.col_actions.width_four {
    width: calc( 9rem + 24px + .5rem); }
  body.caerp table td.col_actions.width_two .btn-group:not(:only-child), body.caerp table td.col_actions.width_three .btn-group:not(:only-child), body.caerp table td.col_actions.width_four .btn-group:not(:only-child) {
    width: auto; }
  body.caerp table td.col_actions.row_ordering {
    min-width: calc( 1.5rem + 7px + .5rem);
    width: calc( 3rem + 14px + .5rem); }

body.caerp table.top_align_table .col_actions {
  padding-bottom: 5px;
  padding-top: 5px; }

body.caerp table tr:only-child .col_actions.row_ordering,
body.caerp table tbody.lines:only-of-type tr:only-child td.col_actions.row_ordering {
  display: none; }

body.caerp table tbody.lines tr:only-child .col_actions.row_ordering,
body.caerp table tbody.lines + tbody tr:only-child .col_actions.row_ordering {
  display: table-cell; }

body.caerp table tbody.collapse_title > tr,
body.caerp table tbody.collapse_title > tr:not(.row_recap):not(.row_catalogue):not(.add_row):nth-child(2n+1) {
  background: var(--table-odd-line-theme-color); }

body.caerp table tbody.collapse_title h4 a {
  padding-left: 1.5em;
  position: relative; }
  body.caerp table tbody.collapse_title h4 a .arrow {
    left: 0;
    margin-top: -.5em;
    position: absolute;
    top: 50%; }

body.caerp table tbody.collapse_content tr:last-child td:not(.empty):not(.level_spacer) {
  border-bottom: 1px dashed var(--border-color); }

body.caerp table .col_status:not(.col_text) {
  height: 2.5rem;
  min-width: 1.5rem;
  max-width: 2.5rem;
  text-align: center;
  white-space: nowrap;
  width: 2.5rem; }

body.caerp table .col_status.col_text .flex {
  align-items: center; }

body.caerp table td.col_status:not(.col_text) {
  position: relative;
  vertical-align: middle; }
  body.caerp table td.col_status:not(.col_text) span.status {
    align-items: center;
    border-radius: 0;
    bottom: 0;
    display: flex;
    height: auto;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto; }
    body.caerp table td.col_status:not(.col_text) span.status svg {
      flex: 0 0 var(--icon-size-s); }
  body.caerp table td.col_status:not(.col_text):first-child + td {
    padding-left: var(--padding-s); }

body.caerp table .col_number {
  text-align: right; }
  body.caerp table .col_number input[type="text"] {
    text-align: right; }

body.caerp table td.col_number {
  padding-left: var(--padding-m);
  white-space: nowrap;
  width: 3em; }
  body.caerp table td.col_number.positive {
    color: var(--func-positive-color); }
    body.caerp table td.col_number.positive .negative {
      color: var(--func-negative-color); }
  body.caerp table td.col_number.negative {
    color: var(--func-negative-color); }
    body.caerp table td.col_number.negative .positive {
      color: var(--func-positive-color); }
  body.caerp table td.col_number.tva small {
    white-space: normal; }
  body.caerp table td.col_number.with_edit_button {
    white-space: normal; }
    body.caerp table td.col_number.with_edit_button > span {
      white-space: nowrap; }
    body.caerp table td.col_number.with_edit_button .btn.unstyled {
      margin-top: var(--padding-s); }
  body.caerp table td.col_number.input {
    width: 5em; }
    body.caerp table td.col_number.input .form-group {
      padding-bottom: 0; }

body.caerp table.top_align_table td.col_number.input {
  padding: var(--padding-s); }
  body.caerp table.top_align_table td.col_number.input label:not([for]) {
    padding: 0; }

body.caerp table .col_select {
  vertical-align: middle;
  width: 3em; }
  body.caerp table .col_select label {
    padding: 0; }
  body.caerp table .col_select div.checkbox,
  body.caerp table .col_select div.radio {
    margin: 0 auto;
    transform: translateY(-0.25rem);
    width: 1.5rem; }
  body.caerp table .col_select div.toggle {
    margin: .5rem auto;
    transform: translateY(-0.25rem);
    width: 3rem; }
  body.caerp table .col_select .form-group {
    padding: 0; }

body.caerp table.top_align_table .col_select div.checkbox,
body.caerp table.top_align_table .col_select div.radio {
  transform: translateY(0.0625rem); }

body.caerp table .col_percentage_graphic {
  width: 180px; }
  body.caerp table .col_percentage_graphic em {
    display: inline-block;
    font-size: .75rem;
    font-weight: normal;
    line-height: 1;
    text-align: left; }

body.caerp table .row_number th {
  font-weight: normal; }

body.caerp table .row_number td {
  text-align: right;
  white-space: nowrap; }
  body.caerp table .row_number td input[type="text"] {
    text-align: right; }

body.caerp table .row_month th,
body.caerp table .row_month td {
  width: 4em; }

body.caerp table .row_total th,
body.caerp table .row_total td {
  font-weight: bold; }

body.caerp table thead .row_total th,
body.caerp table thead .row_total td {
  border-bottom: 1px solid var(--border-trans-color); }

body.caerp table tfoot .row_total th,
body.caerp table tfoot .row_total td {
  border-top: 1px solid var(--border-trans-color); }

body.caerp table td.total {
  font-weight: bold; }

body.caerp table .row_recap th,
body.caerp table .row_recap td {
  font-weight: bold; }

body.caerp table .row_recap .col_actions {
  background: var(--screen-background-color);
  white-space: nowrap; }
  body.caerp table .row_recap .col_actions a.btn:not(.only),
  body.caerp table .row_recap .col_actions button:not(.only) {
    padding: .25rem .5rem .25rem .25rem; }
    body.caerp table .row_recap .col_actions a.btn:not(.only) svg,
    body.caerp table .row_recap .col_actions button:not(.only) svg {
      margin: 0 2px; }

body.caerp table .row_recap h4 small {
  font-weight: normal;
  padding-left: .5em; }

body.caerp table .row_recap h4 .icon.status {
  fill: var(--static-invert-color);
  height: 1.5em;
  vertical-align: text-bottom;
  width: 1.5em; }
  body.caerp table .row_recap h4 .icon.status svg {
    fill: var(--static-invert-color); }

body.caerp table .row_recap th,
body.caerp table .row_recap td:not(.level_spacer):not(.empty),
body.caerp table .highlighted th,
body.caerp table .highlighted td:not(.level_spacer):not(.empty),
body.caerp table th.highlighted,
body.caerp table td.highlighted:not(.level_spacer):not(.empty) {
  background: var(--table-row-recap-color); }

body.caerp table .row_main th,
body.caerp table .row_main td:not(.level_spacer):not(.empty),
body.caerp table .row_recap.row_main th,
body.caerp table .row_recap.row_main td:not(.level_spacer):not(.empty) {
  background: var(--theme-color);
  color: var(--theme-text-color); }

body.caerp table .highlight_pen th,
body.caerp table .highlight_pen td:not(.level_spacer):not(.empty),
body.caerp table th.highlight_pen,
body.caerp table td.highlight_pen:not(.level_spacer):not(.empty) {
  background: var(--highlight-color) !important;
  color: var(--static-color) !important; }

body.caerp table td.total {
  font-weight: bold; }

body.caerp table .row_highlight th,
body.caerp table .row_highlight td {
  background: var(--message-default-background-color); }

body.caerp table .col_date,
body.caerp table .col_datetime {
  width: 7em;
  overflow-wrap: normal; }

body.caerp table .col_datetime {
  width: 10em; }

body.caerp table td.col_status {
  font-size: .825rem; }

body.caerp table tr.selected td {
  background: var(--table-row-recap-main-color); }

body.caerp table tr.locked td.col_text,
body.caerp table tr.locked td.col_date,
body.caerp table tr.locked td.col_number {
  text-decoration: line-through; }

body.caerp table tr.clickable-row,
body.caerp table td.clickable-cell,
body.caerp table td[onclick],
body.caerp table tr[onclick] {
  cursor: pointer; }

body.caerp table.hover_table tbody:not(.total) > tr:not(.row_recap):not(.row_total):hover td:not([class*="spacer"]):not([class*="empty"]), body.caerp table.hover_table tbody:not(.total) > tr:not(.row_recap):not(.row_total):hover th {
  background: var(--table-hover-line-color);
  text-shadow: none; }
  body.caerp table.hover_table tbody:not(.total) > tr:not(.row_recap):not(.row_total):hover td:not([class*="spacer"]):not([class*="empty"]) .hidden_pdf, body.caerp table.hover_table tbody:not(.total) > tr:not(.row_recap):not(.row_total):hover th .hidden_pdf {
    background: none;
    text-shadow: none; }

body.caerp table tbody > tr:not(.row_recap):not(.row_catalogue):not(.add_row):nth-child(2n + 1) {
  background: var(--table-odd-line-color); }

body.caerp table tbody.collapse_title tr:first-child td:not(.level_spacer) {
  border-top: 1px dashed var(--border-color); }

body.caerp table .total tr:first-child th:not(:empty),
body.caerp table .total tr:first-child td:not(:empty) {
  border-top: 1px solid var(--border-trans-color); }

body.caerp table tfoot tr:not(.row_total):first-child td:not(:empty),
body.caerp table tfoot tr:not(.row_total):first-child th:not(:empty) {
  border-top: 1px solid var(--border-trans-color); }

body.caerp table.spaced_table {
  margin: var(--padding-s) 0; }

body.caerp table h2,
body.caerp table h3,
body.caerp table h4,
body.caerp table h5,
body.caerp table h6 {
  hyphens: none;
  padding: 0; }

body.caerp table h4 {
  text-align: left; }

body.caerp table span.icon.help {
  vertical-align: text-top; }
  body.caerp table span.icon.help svg {
    fill: var(--form-button-disabled-text-color); }

body.caerp table span.icon svg {
  height: .75rem;
  width: .75rem; }

body.caerp table span.icon.tag svg {
  height: .875rem;
  flex-basis: .875rem;
  width: .875rem; }

body.caerp table span.icon.type {
  padding: 1px 0; }
  body.caerp table span.icon.type svg {
    height: 1rem;
    width: 1rem; }

body.caerp table th.table_hint,
body.caerp table td.table_hint {
  padding-bottom: 20px; }
  body.caerp table th.table_hint button.mini,
  body.caerp table td.table_hint button.mini {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 2; }

body.caerp table th.separate_right,
body.caerp table td.separate_right {
  border-right: 1px dashed var(--border-color); }

body.caerp table th.separate_left,
body.caerp table td.separate_left {
  border-left: 1px dashed var(--border-color); }

body.caerp table tr[class*="separate"] td.empty {
  padding: 0; }

body.caerp table tr.separate_top th,
body.caerp table tr.separate_top td {
  border-top: 2px solid var(--theme-color); }

body.caerp table tr.separate_bottom th,
body.caerp table tr.separate_bottom td {
  border-bottom: 2px solid var(--theme-color); }

body.caerp table th.separator {
  background: var(--table-odd-line-color); }

body.caerp table td .rich_editor {
  margin: -15px 0 0; }

body.caerp table.top_align_table td .rich_editor,
body.caerp table tr.top_align td .rich_editor {
  margin-top: -11px; }

body.caerp table th button.mini.icon,
body.caerp table td button.mini.icon {
  padding: 0; }

body.caerp table .level_spacer {
  background: var(--screen-background-color);
  width: var(--padding-s); }

body.caerp table .empty {
  background: var(--screen-background-color); }

body.caerp table.full_width {
  width: 100%; }

body.caerp table .table_summary.first td:not(.level_spacer),
body.caerp table .table_summary td.first:not(.level_spacer), body.caerp table .table_summary.first th,
body.caerp table .table_summary th.first {
  border-top: 1px solid var(--border-trans-color); }

body.caerp table .table_summary.last td:not(.level_spacer),
body.caerp table .table_summary td.last:not(.level_spacer), body.caerp table .table_summary.last,
body.caerp table .table_summary th.last {
  border-bottom: 1px solid var(--border-trans-color); }

body.caerp table .table_summary td,
body.caerp table .table_summary th {
  background: var(--screen-background-color); }

body.caerp table.compte_resultat thead {
  background: var(--screen-background-color); }
  body.caerp table.compte_resultat thead td,
  body.caerp table.compte_resultat thead th {
    background: var(--screen-background-color); }

body.caerp table.compte_resultat tbody tr:first-child td,
body.caerp table.compte_resultat tbody tr:first-child th {
  border-top: 1px solid var(--border-trans-color); }

body.caerp table.compte_resultat input[type="text"] {
  width: 100%; }

body.caerp table.spreadsheet_table {
  border-collapse: collapse; }
  body.caerp table.spreadsheet_table thead th {
    border-bottom: 1px solid var(--table-separator-line);
    vertical-align: bottom;
    font-size: .75rem;
    padding-right: 8px; }
  body.caerp table.spreadsheet_table tbody th,
  body.caerp table.spreadsheet_table tbody td {
    border: 1px solid var(--table-separator-line); }

body.caerp table button.mini.icon {
  padding: 0; }

body.caerp .panel-body table {
  width: 100%; }

body.caerp .grand-total table {
  border-collapse: collapse; }
  body.caerp .grand-total table tbody > tr:not(.row_recap):not(.row_catalogue):not(.add_row):nth-child(2n+1) {
    background: none; }
  body.caerp .grand-total table th,
  body.caerp .grand-total table td {
    font-size: 1rem;
    padding: var(--padding-xs) 0; }
  body.caerp .grand-total table th[scope="row"] {
    font-weight: normal;
    padding-right: 4px; }
    body.caerp .grand-total table th[scope="row"]::after {
      content: "\A0:"; }
    body.caerp .grand-total table th[scope="row"] + td {
      font-weight: bold;
      padding-left: 4px; }
  body.caerp .grand-total table .icon:not(.status) svg {
    height: 1rem;
    width: 1rem; }

body.caerp .table_container {
  background: var(--screen-background-color);
  width: 100%; }
  body.caerp .table_container:not(.scroll_hor) thead {
    background: var(--screen-background-color);
    position: sticky;
    top: 0;
    z-index: 8; }
  body.caerp .table_container table {
    width: 100%; }
  body.caerp .table_container.scroll_hor {
    max-width: 100%;
    overflow-y: auto; }
  body.caerp .table_container + .actions {
    padding-top: var(--padding-s); }
  body.caerp .table_container .fullscreen_toggle {
    position: sticky;
    top: 2px;
    z-index: 20; }
    body.caerp .table_container .fullscreen_toggle svg:first-child {
      display: inline; }
      body.caerp .table_container .fullscreen_toggle svg:first-child + svg {
        display: none; }
    body.caerp .table_container .fullscreen_toggle + table {
      margin-top: var(--negative-padding-l); }
  body.caerp .table_container.fullscreen {
    bottom: 0;
    left: 0;
    overflow-x: auto;
    overflow-y: auto;
    padding: var(--padding-s);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30; }
    body.caerp .table_container.fullscreen .fullscreen_toggle {
      left: 2px;
      z-index: 40; }
      body.caerp .table_container.fullscreen .fullscreen_toggle svg:first-child {
        display: none; }
        body.caerp .table_container.fullscreen .fullscreen_toggle svg:first-child + svg {
          display: inline; }
    body.caerp .table_container.fullscreen table {
      margin: 0 var(--padding-m) var(--padding-s) 0; }
    body.caerp .table_container.fullscreen thead {
      background: var(--screen-background-color) !important;
      position: sticky;
      top: var(--negative-padding-s) !important;
      z-index: 35; }
    body.caerp .table_container.fullscreen > a.btn.unstyled:first-child svg:nth-child(1) {
      display: none; }
    body.caerp .table_container.fullscreen > a.btn.unstyled:first-child svg:nth-child(2) {
      display: block; }

@media (min-width: 87.5rem) {
  body.caerp table td,
  body.caerp table th {
    padding-left: 8px;
    padding-right: 8px; }
  body.caerp table td.col_number {
    padding-left: var(--padding-3xl); }
  body.caerp table .col_date {
    width: 9em; }
  body.caerp table .col_datetime {
    width: 12em; }
  body.caerp table td.col_text.document_number {
    white-space: nowrap; } }

@media (min-width: 75rem) {
  body.caerp table .level_spacer {
    width: var(--padding-l); }
  body.caerp table td,
  body.caerp table th {
    padding-left: 4px;
    padding-right: 4px; } }

@media (min-width: 62.5rem) {
  body.caerp table .level_spacer {
    width: var(--padding-m); }
  body.caerp table td.col_text.phone {
    white-space: nowrap;
    width: 11em; }
  body.caerp table td.col_text.unity {
    width: 3.5em; } }

@media (min-width: 50rem) {
  body.caerp table tbody tr:last-child td.col_actions.row_ordering li:only-child .btn.up {
    margin-right: calc( 1.5rem + 3px + .25rem); }
  body.caerp .main_toolbar:not(.nav_tools) ~ div .table_container thead {
    top: 3.5em; }
  body.caerp .main_toolbar:not(.nav_tools):empty ~ div .table_container thead,
  body.caerp .main_toolbar:not(.nav_tools) ~ div .modal_view .table_container thead,
  body.caerp .main_toolbar:not(.nav_tools) ~ div .collapsible .table_container thead {
    top: 0; } }

@media (max-width: 50rem) {
  body.caerp table td.col_number {
    padding-left: var(--padding-s); }
  body.caerp table td.col_actions.row_ordering {
    width: calc( 1.5rem + 6px + .5rem); }
  body.caerp table td.col_avatar {
    min-height: 1.75rem;
    width: 1.75rem; }
    body.caerp table td.col_avatar .user_avatar {
      height: 1.5rem;
      width: 1.5rem; }
      body.caerp table td.col_avatar .user_avatar.photo:hover {
        transform: scale(3); }
  body.caerp table .col_date,
  body.caerp table .col_datetime {
    min-width: 3.25em;
    width: 3.25em;
    overflow-wrap: anywhere; }
  body.caerp table .col_percentage_graphic {
    width: 7.5rem; }
  body.caerp .table_container {
    max-width: calc(100% - 20px);
    margin-right: 20px;
    overflow-x: auto;
    overflow-y: visible; }
  body.caerp .layout[class*="_cols"] .table_container {
    padding: 0; } }

@media (max-width: 31.25rem) {
  body.caerp table tr {
    min-height: 3rem;
    position: relative; }
  body.caerp table td.col_actions {
    position: static; }
    body.caerp table td.col_actions .btn-group .dropdown-menu-right {
      right: calc( .25rem + 2px); }
  body.caerp table .col_percentage_graphic {
    width: 6.25rem; }
  body.caerp .table_container {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible; } }

@media print {
  body.caerp table {
    border: 1px solid #efefef;
    border-collapse: collapse;
    width: 100%; }
    body.caerp table td,
    body.caerp table th {
      border: 1px solid #efefef; }
    body.caerp table .col_actions {
      display: none; }
    body.caerp table .col_select {
      visibility: hidden; } }

body.caerp .nav-tabs {
  display: flex;
  list-style-type: none;
  margin: var(--padding-xl) 0 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }
  body.caerp .nav-tabs li {
    padding: 0; }
    body.caerp .nav-tabs li a {
      color: var(--text-color);
      display: flex;
      line-height: 1.25;
      padding: var(--padding-s) var(--padding-m);
      position: relative;
      text-decoration: none; }
      body.caerp .nav-tabs li a::after, body.caerp .nav-tabs li a::before {
        bottom: 2px;
        content: "";
        display: block;
        position: absolute;
        right: 0; }
      body.caerp .nav-tabs li a:hover, body.caerp .nav-tabs li a:focus, body.caerp .nav-tabs li a:active {
        border-color: var(--theme-color); }
    body.caerp .nav-tabs li span.icon {
      margin-right: var(--padding-s); }
    body.caerp .nav-tabs li svg {
      flex: 0 0 auto; }
    body.caerp .nav-tabs li .bubble {
      margin-left: .5em; }
  body.caerp .nav-tabs li.active:not(.dropdown) > a {
    background: var(--screen-background-color);
    box-shadow: 0 2px 4px var(--box-shadow-color);
    cursor: default;
    font-weight: bold; }
  body.caerp .nav-tabs:not(.vertical-tabs) {
    margin-left: var(--negative-padding-s);
    padding-left: var(--padding-s); }
    body.caerp .nav-tabs:not(.vertical-tabs) li a {
      align-items: flex-end;
      border-bottom: 3px solid transparent;
      border-top: 5px solid transparent;
      display: flex;
      flex-wrap: wrap;
      height: 100%;
      padding-right: var(--padding-xl); }
      body.caerp .nav-tabs:not(.vertical-tabs) li a::after {
        border-right: 1px solid var(--border-color);
        top: 2px; }
      body.caerp .nav-tabs:not(.vertical-tabs) li a:hover, body.caerp .nav-tabs:not(.vertical-tabs) li a:focus, body.caerp .nav-tabs:not(.vertical-tabs) li a:active {
        border-bottom-color: var(--theme-color); }
      body.caerp .nav-tabs:not(.vertical-tabs) li a .icon {
        flex: 0 0 auto; }
    body.caerp .nav-tabs:not(.vertical-tabs) li.active:not(.dropdown) {
      margin-bottom: -1px; }
      body.caerp .nav-tabs:not(.vertical-tabs) li.active:not(.dropdown) > a {
        border-bottom-color: transparent;
        border-top-color: var(--theme-color);
        padding-top: 4px;
        padding-bottom: 6px; }
        body.caerp .nav-tabs:not(.vertical-tabs) li.active:not(.dropdown) > a::after {
          bottom: -1px;
          border-right: 1px solid var(--border-color);
          top: 0; }
        body.caerp .nav-tabs:not(.vertical-tabs) li.active:not(.dropdown) > a::before {
          bottom: -3px;
          left: 0;
          border-left: 1px solid var(--border-color);
          right: auto;
          top: 0; }
  body.caerp .nav-tabs.vertical-tabs {
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: hidden; }
    body.caerp .nav-tabs.vertical-tabs li a {
      border-left: 5px solid transparent;
      border-right: 3px solid transparent;
      padding: var(--padding-m) var(--padding-s); }
      body.caerp .nav-tabs.vertical-tabs li a::after {
        border-bottom: 1px solid var(--border-color);
        bottom: 0;
        left: 0; }
      body.caerp .nav-tabs.vertical-tabs li a:hover, body.caerp .nav-tabs.vertical-tabs li a:focus, body.caerp .nav-tabs.vertical-tabs li a:active {
        border-right-color: var(--theme-color); }
    body.caerp .nav-tabs.vertical-tabs li .bubble {
      margin: -.5em 0 -.5em .5em; }
    body.caerp .nav-tabs.vertical-tabs li.active:not(.dropdown) {
      margin-right: -1px; }
      body.caerp .nav-tabs.vertical-tabs li.active:not(.dropdown) > a {
        border-right-color: transparent;
        border-left: 5px solid var(--theme-color); }
        body.caerp .nav-tabs.vertical-tabs li.active:not(.dropdown) > a::before {
          border-top: 1px solid var(--border-color);
          bottom: auto;
          left: 0;
          top: 0; }
    body.caerp .nav-tabs.vertical-tabs li.active:nth-child(n + 2) > a::before {
      display: none; }

body.caerp .sidebar-menu ul {
  list-style-type: none;
  max-width: 100%; }
  body.caerp .sidebar-menu ul li.dropdown {
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color); }
    body.caerp .sidebar-menu ul li.dropdown svg.arrow {
      margin-left: var(--padding-s); }
    body.caerp .sidebar-menu ul li.dropdown a.dropdown-toggle[aria-expanded="false"] + ul {
      display: none; }
    body.caerp .sidebar-menu ul li.dropdown a.dropdown-toggle[aria-expanded="true"] svg.arrow {
      transform: rotate(180deg); }
    body.caerp .sidebar-menu ul li.dropdown ul a {
      padding-left: var(--padding-l); }
  body.caerp .sidebar-menu ul li.disabled a {
    color: var(--text-greyed-color);
    cursor: default; }
    body.caerp .sidebar-menu ul li.disabled a svg {
      fill: var(--text-greyed-color); }
    body.caerp .sidebar-menu ul li.disabled a:hover, body.caerp .sidebar-menu ul li.disabled a:focus, body.caerp .sidebar-menu ul li.disabled a:active {
      border-color: transparent; }
      body.caerp .sidebar-menu ul li.disabled a:hover svg, body.caerp .sidebar-menu ul li.disabled a:focus svg, body.caerp .sidebar-menu ul li.disabled a:active svg {
        fill: var(--text-greyed-color); }

body.caerp .layout.two_cols > .vertical-tabs-container,
body.caerp .layout.two_cols > .sidebar-container {
  margin-right: -1px;
  padding-right: 0; }

body.caerp .layout.two_cols > .sidebar-container + .tab-content {
  flex: 1 0 70%; }

body.caerp .tab-content {
  margin-top: -1px;
  padding: var(--padding-m); }
  body.caerp .tab-content:not(.vertical-tabs) {
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 4px var(--box-shadow-color); }
  body.caerp .tab-content .tab-pane {
    display: none; }
    body.caerp .tab-content .tab-pane.active {
      display: block; }
  body.caerp .tab-content table thead tr:first-child th[scope="col"] {
    height: auto; }

body.caerp .modal_view .tab-content {
  border: 0 none;
  box-shadow: none;
  margin-left: -var(--padding-m);
  margin-right: -var(--padding-m);
  padding: var(--padding-m); }

@media (min-width: 62.5rem) {
  body.caerp .nav-tabs li a,
  body.caerp .nav-tabs li.active a {
    padding-right: var(--padding-3xl); } }

@media (max-width: 62.5rem) {
  body.caerp .nav-tabs li a,
  body.caerp .nav-tabs li.active a {
    padding-right: var(--padding-xl); } }

@media (max-width: 50rem) {
  body.caerp .nav-tabs:not(.vertical-tabs) li a {
    padding-right: var(--padding-m); }
  body.caerp .nav-tabs.vertical-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: var(--padding-s); }
    body.caerp .nav-tabs.vertical-tabs ul.nav-left {
      align-items: flex-end;
      display: flex;
      flex-wrap: wrap; }
    body.caerp .nav-tabs.vertical-tabs li {
      min-width: 10em;
      padding-right: var(--padding-s);
      width: 50%; }
      body.caerp .nav-tabs.vertical-tabs li li {
        width: 100%; }
      body.caerp .nav-tabs.vertical-tabs li.dropdown {
        border-top: 0 none; }
    body.caerp .nav-tabs.vertical-tabs li a {
      border-bottom: 2px solid transparent;
      border-left-width: 0;
      border-right-width: 0;
      border-top: 5px solid transparent; }
      body.caerp .nav-tabs.vertical-tabs li a::after {
        border-bottom: 1px solid var(--border-color);
        border-right: 0 none;
        bottom: 0;
        left: 0;
        top: auto; }
    body.caerp .nav-tabs.vertical-tabs li:not(.active) a:hover, body.caerp .nav-tabs.vertical-tabs li:not(.active) a:focus, body.caerp .nav-tabs.vertical-tabs li:not(.active) a:active {
      border-bottom-color: var(--theme-color);
      border-right-color: transparent; }
    body.caerp .nav-tabs.vertical-tabs li.active:not(.droopdown) {
      margin: 0; }
      body.caerp .nav-tabs.vertical-tabs li.active:not(.droopdown) > a:not([aria-expanded="true"]) {
        border-left-width: 0;
        border-right-width: 0;
        border-top-color: var(--theme-color); }
        body.caerp .nav-tabs.vertical-tabs li.active:not(.droopdown) > a:not([aria-expanded="true"])::after {
          display: none; }
  body.caerp .nav-tabs.sidebar-menu > ul {
    border: 0 none; }
    body.caerp .nav-tabs.sidebar-menu > ul li.dropdown {
      border: 0 none; } }

@media (min-width: 31.25rem) and (max-width: 50rem) {
  body.caerp .nav-tabs.icon-tabs:not(.vertical-tabs) li a {
    padding-left: var(--padding-m); }
    body.caerp .nav-tabs.icon-tabs:not(.vertical-tabs) li a .icon {
      margin: 0 0 0 var(--padding-s); }
    body.caerp .nav-tabs.icon-tabs:not(.vertical-tabs) li a .icon + span {
      overflow: hidden;
      margin-left: var(--padding-s);
      transition: width .5s ease-out;
      white-space: nowrap;
      width: 0; }
    body.caerp .nav-tabs.icon-tabs:not(.vertical-tabs) li a:hover .icon + span, body.caerp .nav-tabs.icon-tabs:not(.vertical-tabs) li a:focus .icon + span, body.caerp .nav-tabs.icon-tabs:not(.vertical-tabs) li a:active .icon + span {
      width: auto; }
  body.caerp .nav-tabs.icon-tabs:not(.vertical-tabs) li.active > a .icon + span {
    width: auto; } }

@media (min-width: 31.25rem) {
  body.caerp .sidebar-menu > ul {
    border-right: 1px solid var(--border-color); } }

@media (max-width: 31.25rem) {
  body.caerp .nav-tabs:not(.modal-tabs) {
    margin-top: var(--padding-m); }
  body.caerp .nav-tabs.icon-tabs:not(.modal-tabs):not(.vertical-tabs) li:not(.active) a .icon {
    margin-left: var(--padding-s); }
  body.caerp .nav-tabs.icon-tabs:not(.modal-tabs):not(.vertical-tabs) li:not(.active) .icon + span {
    display: none; }
  body.caerp .nav-tabs.vertical-tabs:not(.modal-tabs) li {
    width: 100%; }
  body.caerp .tab-content {
    padding: var(--padding-s); } }

body.caerp .tree_view {
  text-align: left; }
  body.caerp .tree_view ul {
    list-style-type: none; }
    body.caerp .tree_view ul input:checked + span {
      font-weight: bold; }
    body.caerp .tree_view ul li {
      font-size: .825rem;
      position: relative; }
  body.caerp .tree_view > ul {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--padding-s); }
    body.caerp .tree_view > ul > li {
      padding-right: var(--padding-m);
      position: relative; }
  body.caerp .tree_view ul ul li {
    padding-left: 3.5rem;
    position: relative; }
    body.caerp .tree_view ul ul li::before, body.caerp .tree_view ul ul li::after {
      content: "";
      border: 1px dotted var(--border-color);
      left: 2.5rem;
      position: absolute;
      width: 1rem; }
    body.caerp .tree_view ul ul li::before {
      top: 0; }
    body.caerp .tree_view ul ul li:not(:last-child)::before {
      bottom: 0;
      border-width: 0 0 0 1px; }
    body.caerp .tree_view ul ul li:last-child::before {
      border-width: 0 0 1px 1px;
      height: .9rem; }
    body.caerp .tree_view ul ul li:not(:last-child)::after {
      border-width: 0 0 1px 0;
      top: .9rem; }
    body.caerp .tree_view ul ul li:last-child::after {
      display: none; }
    body.caerp .tree_view ul ul li small {
      display: block; }
  body.caerp .tree_view p {
    padding: var(--padding-s) 0; }
  body.caerp .tree_view .collapsible + .collapsible {
    margin-top: 0; }
  body.caerp .tree_view button[aria-expanded] {
    all: inherit;
    cursor: pointer;
    left: 0;
    padding: var(--padding-s);
    position: absolute;
    top: 0; }
    body.caerp .tree_view button[aria-expanded]:hover, body.caerp .tree_view button[aria-expanded]:focus, body.caerp .tree_view button[aria-expanded]:active {
      box-shadow: none; }
      body.caerp .tree_view button[aria-expanded]:hover svg, body.caerp .tree_view button[aria-expanded]:focus svg, body.caerp .tree_view button[aria-expanded]:active svg {
        fill: var(--form-icon-button-hover-color); }
    body.caerp .tree_view button[aria-expanded] + label {
      margin-left: 2rem;
      width: calc(100% - 1rem); }
  body.caerp .tree_view.with_actions ul li {
    padding: 2rem 3.5rem .5rem 0; }
    body.caerp .tree_view.with_actions ul li .actions {
      right: 0;
      position: absolute;
      top: 3.5rem; }
      body.caerp .tree_view.with_actions ul li .actions button {
        margin: 0; }
    body.caerp .tree_view.with_actions ul li .combination {
      left: -2.5rem;
      position: absolute;
      top: -.125rem; }
      body.caerp .tree_view.with_actions ul li .combination .icon_choice label input + span {
        padding-bottom: 0;
        padding-top: 0;
        text-align: center;
        width: 2.5rem; }
    body.caerp .tree_view.with_actions ul li.add_line {
      height: 5rem;
      padding-top: 0; }
      body.caerp .tree_view.with_actions ul li.add_line .actions {
        left: 3rem;
        top: 2rem;
        right: auto; }
    body.caerp .tree_view.with_actions ul li > ul {
      margin-left: 3.5rem;
      margin-right: -3.5rem; }
    body.caerp .tree_view.with_actions ul li:last-child::after {
      border-width: 0 0 1px 1px;
      bottom: 2rem;
      display: block;
      left: 0;
      top: 1rem;
      width: 3rem; }
  body.caerp .tree_view.with_actions ul ul li {
    padding-left: 3rem; }
    body.caerp .tree_view.with_actions ul ul li::before, body.caerp .tree_view.with_actions ul ul li::after {
      left: 0;
      width: 100%; }
  body.caerp .tree_view.with_actions ul ul li:first-child:not(:only-child) {
    margin-top: 1.75rem; }
    body.caerp .tree_view.with_actions ul ul li:first-child:not(:only-child) .combination {
      left: -3.75rem;
      top: -1.75rem; }
  body.caerp .tree_view.first_level div > ul:first-child {
    padding-left: 2rem; }
    body.caerp .tree_view.first_level div > ul:first-child > li {
      padding-left: 3rem; }
      body.caerp .tree_view.first_level div > ul:first-child > li::before, body.caerp .tree_view.first_level div > ul:first-child > li::after {
        content: "";
        border: 1px dotted var(--border-color);
        left: 0;
        position: absolute;
        width: 100%; }
      body.caerp .tree_view.first_level div > ul:first-child > li::before {
        top: 0; }
      body.caerp .tree_view.first_level div > ul:first-child > li:first-child::before {
        top: 4.5rem; }
      body.caerp .tree_view.first_level div > ul:first-child > li:first-child::after {
        border-width: 1px 0 0 0;
        display: block;
        top: 4.5rem;
        width: 2.5rem; }
      body.caerp .tree_view.first_level div > ul:first-child > li:not(:last-child)::before {
        bottom: 0;
        border-width: 0 0 0 1px; }
      body.caerp .tree_view.first_level div > ul:first-child > li:last-child::before {
        border-width: 0 0 1px 1px;
        height: .9rem; }
      body.caerp .tree_view.first_level div > ul:first-child > li:not(:first-child):not(:last-child)::after {
        border-width: 0 0 1px 0;
        top: .9rem; }
      body.caerp .tree_view.first_level div > ul:first-child > li:last-child::after {
        border-width: 0 0 1px 1px;
        width: 3rem; }

body.caerp table .tree_view > ul {
  max-height: 18em;
  overflow-y: auto; }

body.caerp .main_area aside .tree_view > ul > li {
  max-width: 100%; }

@media (min-width: 75rem) {
  body.caerp .tree_view > ul > li {
    max-width: 33.3333%;
    padding-right: var(--padding-xl); } }

body.caerp .ui-widget {
  font-family: 'OpenSans', sans-serif; }

body.caerp .ui-widget-content {
  color: var(--text-color); }

body.caerp .ui-datepicker.ui-widget.ui-widget-content {
  background: var(--screen-background-color);
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 0 4px var(--box-shadow-color);
  display: none;
  padding: 0;
  z-index: 45 !important; }

body.caerp .ui-datepicker .ui-datepicker-header {
  align-items: center;
  background: var(--theme-color);
  border-radius: 0;
  color: var(--theme-text-color);
  display: flex;
  justify-content: space-between;
  padding: 0; }
  body.caerp .ui-datepicker .ui-datepicker-header a span {
    visibility: hidden; }
  body.caerp .ui-datepicker .ui-datepicker-header a {
    background: var(--form-select-arrow) no-repeat 50% 50%;
    background-size: auto 1rem;
    cursor: pointer;
    filter: invert(100%);
    height: 2em;
    opacity: .8;
    position: static;
    width: 2em; }
    body.caerp .ui-datepicker .ui-datepicker-header a:hover, body.caerp .ui-datepicker .ui-datepicker-header a:focus, body.caerp .ui-datepicker .ui-datepicker-header a:active {
      background-image: var(--form-select-arrow-hover);
      filter: none;
      opacity: 1; }
  body.caerp .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
    transform: rotate(90deg);
    margin-top: 7px;
    order: 0; }
  body.caerp .ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
    transform: rotate(-90deg);
    margin-top: -7px;
    order: 2; }
  body.caerp .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    flex: 1 0 auto;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2em;
    margin: 0;
    order: 1;
    text-align: center; }

body.caerp .ui-datepicker .ui-datepicker-calendar {
  padding: 2px; }
  body.caerp .ui-datepicker .ui-datepicker-calendar tbody tr:hover td {
    box-shadow: none !important; }

body.caerp .ui-datepicker th {
  color: var(--text-color); }

body.caerp .ui-datepicker tr td {
  box-shadow: none;
  padding: 0; }
  body.caerp .ui-datepicker tr td a {
    border-radius: 0;
    box-shadow: none;
    display: block;
    line-height: 1.5;
    min-width: 2.25em;
    padding: var(--padding-s);
    text-align: center;
    text-decoration: none; }
  body.caerp .ui-datepicker tr td .ui-state-hover {
    background: var(--form-icon-button-hover-color);
    box-shadow: 0 2px 4px var(--box-shadow-color);
    color: var(--static-color); }
  body.caerp .ui-datepicker tr td.ui-datepicker-today {
    font-weight: bold; }

body.caerp .ui-datepicker .ui-timepicker-div {
  padding: 0 var(--padding-s); }
  body.caerp .ui-datepicker .ui-timepicker-div dl {
    display: flex;
    flex-wrap: wrap; }
  body.caerp .ui-datepicker .ui-timepicker-div dt,
  body.caerp .ui-datepicker .ui-timepicker-div dd {
    line-height: 1.5em;
    margin: 0 0 var(--padding-s); }
  body.caerp .ui-datepicker .ui-timepicker-div dt {
    height: auto;
    width: 5.5em; }
  body.caerp .ui-datepicker .ui-timepicker-div dd {
    width: calc(100% - 6em); }
  body.caerp .ui-datepicker .ui-timepicker-div dt[style*="display"] + dd {
    display: none; }
  body.caerp .ui-datepicker .ui-timepicker-div .ui-slider-horizontal {
    border: 1px solid var(--border-trans-color);
    box-shadow: inset 0 0 2px var(--form-focus-line2-color);
    border-radius: 0;
    margin: 5px 0 -5px; }
  body.caerp .ui-datepicker .ui-timepicker-div .ui-slider-handle {
    background: var(--form-main-button-background-color);
    border: 1px solid var(--form-main-button-background-color);
    border-radius: 0; }
    body.caerp .ui-datepicker .ui-timepicker-div .ui-slider-handle:hover, body.caerp .ui-datepicker .ui-timepicker-div .ui-slider-handle:focus, body.caerp .ui-datepicker .ui-timepicker-div .ui-slider-handle:active {
      box-shadow: 0 2px 4px var(--box-shadow-color); }

body.caerp .ui-datepicker .ui-datepicker-buttonpane.ui-widget-content {
  border-top: 1px dotted var(--func-disabled-color); }
  body.caerp .ui-datepicker .ui-datepicker-buttonpane.ui-widget-content button.ui-state-default {
    background: var(--form-input-background-color);
    border: 1px solid var(--form-main-button-background-color);
    color: var(--form-button-text-color);
    font-weight: bold;
    opacity: 1; }
  body.caerp .ui-datepicker .ui-datepicker-buttonpane.ui-widget-content button.ui-priority-primary {
    background: var(--form-main-button-background-color);
    color: var(--form-button-main-text-color); }

body.caerp .ui-widget-overlay {
  align-items: center;
  background: var(--mask-layer-background-color);
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 30; }

body.caerp .ui-dialog {
  background: var(--form-input-background-color);
  box-shadow: 0 2px 4px var(--box-shadow-color);
  position: relative;
  z-index: 35; }
  body.caerp .ui-dialog .ui-dialog-titlebar {
    background: var(--theme-color);
    color: var(--theme-text-color);
    padding: 10px; }
  body.caerp .ui-dialog .ui-dialog-title {
    color: var(--theme-text-color);
    font-family: "Raleway", sans-serif;
    font-size: 1.25rem;
    font-weight: bold; }
  body.caerp .ui-dialog .ui-dialog-titlebar-close {
    background: url("../icons/times.svg") no-repeat 50% 50%;
    background-size: auto 1rem;
    border: 0 none;
    cursor: pointer;
    height: 2.25rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.25rem; }
    body.caerp .ui-dialog .ui-dialog-titlebar-close:hover, body.caerp .ui-dialog .ui-dialog-titlebar-close:focus, body.caerp .ui-dialog .ui-dialog-titlebar-close:active {
      background-image: url("../icons/times-active.svg"); }
  body.caerp .ui-dialog .ui-dialog-content {
    padding: 10px 10px 0; }

body.caerp .ui-datepicker-div {
  z-index: 35; }

body.caerp.theme_manage_entity .ui-datepicker .ui-datepicker-header a:hover,
body.caerp.theme_manage_entity .ui-datepicker .ui-datepicker-header a:focus,
body.caerp.theme_manage_entity .ui-datepicker .ui-datepicker-header a:active {
  background-image: var(--form-select-arrow); }

body.caerp .leaflet-container .leaflet-pane {
  z-index: 20; }

body.caerp .leaflet-container .leaflet-control,
body.caerp .leaflet-container .leaflet-top,
body.caerp .leaflet-container .leaflet-bottom {
  z-index: 21; }

body.caerp .leaflet-container .leaflet-control-zoom a {
  color: var(--static-color);
  text-decoration: none; }
  body.caerp .leaflet-container .leaflet-control-zoom a:hover, body.caerp .leaflet-container .leaflet-control-zoom a:focus, body.caerp .leaflet-container .leaflet-control-zoom a:active {
    background: var(--form-icon-button-hover-color); }

body.caerp .leaflet-container .leaflet-control-layers-list input[type="checkbox"] {
  margin-right: .5em; }

body.caerp .leaflet-container .leaflet-control-layers-list label > span {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  max-width: 20vw;
  padding: .25em 0; }
  body.caerp .leaflet-container .leaflet-control-layers-list label > span span {
    line-height: 1.1;
    margin-top: -.125em;
    padding: 0; }

body.caerp .leaflet-container .leaflet-marker-icon.leaflet-div-icon {
  background: unset;
  border: unset; }
  body.caerp .leaflet-container .leaflet-marker-icon.leaflet-div-icon .map_location {
    height: 1.5rem;
    margin: -.75rem 0 0 -.75rem;
    width: 1.5rem; }
    body.caerp .leaflet-container .leaflet-marker-icon.leaflet-div-icon .map_location > svg {
      fill: var(--map-pin-color);
      filter: drop-shadow(1px 1px 3px var(--static-invert-color));
      height: 100%;
      width: 100%; }
    body.caerp .leaflet-container .leaflet-marker-icon.leaflet-div-icon .map_location.favourite > svg {
      fill: var(--map-favourite-pin-color);
      filter: drop-shadow(1px 1px 3px var(--static-invert-color)); }
  body.caerp .leaflet-container .leaflet-marker-icon.leaflet-div-icon:hover .map_location > svg, body.caerp .leaflet-container .leaflet-marker-icon.leaflet-div-icon:focus .map_location > svg {
    fill: var(--form-icon-button-hover-color);
    filter: drop-shadow(1px 1px 3px var(--static-color)); }

body.caerp .leaflet-container .leaflet-marker-icon.marker-cluster-small {
  background: none; }
  body.caerp .leaflet-container .leaflet-marker-icon.marker-cluster-small div {
    background: var(--map-cluster-small-color); }

body.caerp .leaflet-container .leaflet-marker-icon.marker-cluster-medium {
  background: none; }
  body.caerp .leaflet-container .leaflet-marker-icon.marker-cluster-medium div {
    background: var(--map-cluster-medium-color); }

body.caerp .leaflet-container .leaflet-marker-icon.marker-cluster-large {
  background: none; }
  body.caerp .leaflet-container .leaflet-marker-icon.marker-cluster-large div {
    background: var(--map-cluster-large-color); }

body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content-wrapper {
  background: var(--screen-background-color);
  color: var(--text-color);
  border-radius: 4px;
  min-width: 250px; }

body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content {
  margin: var(--padding-m) var(--padding-m) var(--padding-s); }
  body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content > div p {
    color: var(--text-color); }
    body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content > div p:first-child {
      margin-right: var(--padding-l); }
      body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content > div p:first-child a {
        font-size: 1.125em; }
      body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content > div p:first-child a:link,
      body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content > div p:first-child a:visited {
        color: var(--text-color); }
      body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content > div p:first-child a:hover,
      body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content > div p:first-child a:focus,
      body.caerp .leaflet-container .leaflet-popup .leaflet-popup-content > div p:first-child a:active {
        color: var(--form-icon-button-hover-color); }

body.caerp .leaflet-container .leaflet-popup ul.users {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style-type: none; }
  body.caerp .leaflet-container .leaflet-popup ul.users li {
    align-items: center;
    display: flex;
    flex: 1 0 105px;
    margin: var(--padding-s) var(--padding-s) 0 0; }
    body.caerp .leaflet-container .leaflet-popup ul.users li:only-child {
      flex-basis: 100%; }
  body.caerp .leaflet-container .leaflet-popup ul.users .user_avatar {
    flex: 0 0 2rem;
    height: 2rem; }
    body.caerp .leaflet-container .leaflet-popup ul.users .user_avatar + span {
      flex: 1 1 auto; }

body.caerp .leaflet-container .leaflet-popup ul.contacts {
  list-style-type: none;
  margin: var(--padding-s) 0 0 var(--padding-s); }

body.caerp .leaflet-container .leaflet-popup-tip {
  background: var(--screen-background-color); }

body.caerp .leaflet-container .leaflet-popup-close-button {
  color: var(--text-color);
  font-weight: bold;
  text-decoration: none; }
  body.caerp .leaflet-container .leaflet-popup-close-button:hover, body.caerp .leaflet-container .leaflet-popup-close-button:focus, body.caerp .leaflet-container .leaflet-popup-close-button:active {
    color: var(--form-icon-button-hover-color); }

body.caerp .leaflet-container .marker-cluster div {
  background-color: transparent;
  color: var(--theme-text-color); }

body.caerp .leaflet-container .marker-cluster-small {
  background-color: var(--func-neutral-color); }

body.caerp .leaflet-container .marker-cluster-medium {
  background-color: #007ab1cc; }

body.caerp .leaflet-container .marker-cluster-large {
  background-color: #007ab199; }

body.caerp .minimap .leaflet-container .leaflet-marker-icon.leaflet-div-icon .map_location {
  height: 3rem;
  margin: -1.5rem 0 0 -1.5rem;
  width: 3rem; }

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.textLayer {
  position: absolute;
  text-align: initial;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1; }
  .textLayer span,
  .textLayer br {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0% 0%; }
  .textLayer .highlight {
    margin: -1px;
    padding: 1px;
    background-color: #b400aa;
    border-radius: 4px; }
    .textLayer .highlight.appended {
      position: initial; }
    .textLayer .highlight.begin {
      border-radius: 4px 0 0 4px; }
    .textLayer .highlight.end {
      border-radius: 0 4px 4px 0; }
    .textLayer .highlight.middle {
      border-radius: 0; }
    .textLayer .highlight.selected {
      background-color: darkgreen; }
  .textLayer ::-moz-selection {
    background: blue; }
  .textLayer ::selection {
    background: blue; }
  .textLayer .endOfContent {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    bottom: 0;
    z-index: -1;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  .textLayer .endOfContent.active {
    top: 0; }

/***************************************************************
 * Bellow, copypaste from
 * https://github.com/mozilla/pdf.js/blob/v2.10.377/web/annotation_layer_builder.css
 **************************************************************/
body.caerp .annotationLayer section {
  position: absolute;
  text-align: initial; }

body.caerp .annotationLayer .linkAnnotation > a,
body.caerp .annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.caerp .annotationLayer .linkAnnotation > a:hover,
body.caerp .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: yellow;
  box-shadow: 0 2px 10px yellow; }

body.caerp .annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer; }

body.caerp .annotationLayer .textWidgetAnnotation input,
body.caerp .annotationLayer .textWidgetAnnotation textarea,
body.caerp .annotationLayer .choiceWidgetAnnotation select,
body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input,
body.caerp .annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%; }

body.caerp .annotationLayer .choiceWidgetAnnotation select option {
  padding: 0; }

body.caerp .annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%; }

body.caerp .annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none; }

body.caerp .annotationLayer .textWidgetAnnotation input[disabled],
body.caerp .annotationLayer .textWidgetAnnotation textarea[disabled],
body.caerp .annotationLayer .choiceWidgetAnnotation select[disabled],
body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
body.caerp .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed; }

body.caerp .annotationLayer .textWidgetAnnotation input:hover,
body.caerp .annotationLayer .textWidgetAnnotation textarea:hover,
body.caerp .annotationLayer .choiceWidgetAnnotation select:hover,
body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
body.caerp .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid black; }

body.caerp .annotationLayer .textWidgetAnnotation input:focus,
body.caerp .annotationLayer .textWidgetAnnotation textarea:focus,
body.caerp .annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent; }

body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
body.caerp .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: black;
  content: "";
  display: block;
  position: absolute; }

body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px; }

body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg); }

body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg); }

body.caerp .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%; }

body.caerp .annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0; }

body.caerp .annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
  width: 103%; }

body.caerp .annotationLayer .buttonWidgetAnnotation.checkBox input,
body.caerp .annotationLayer .buttonWidgetAnnotation.radioButton input {
  appearance: none;
  padding: 0; }

body.caerp .annotationLayer .popupWrapper {
  position: absolute;
  width: 20em; }

body.caerp .annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #ffff99;
  box-shadow: 0 2px 5px #888888;
  border-radius: 2px;
  padding: 6px;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  font-size: 9px;
  white-space: normal;
  word-wrap: break-word; }

body.caerp .annotationLayer .popup > * {
  font-size: 9px; }

body.caerp .annotationLayer .popup h1 {
  display: inline-block; }

body.caerp .annotationLayer .popup span {
  display: inline-block;
  margin-left: 5px; }

body.caerp .annotationLayer .popup p {
  border-top: 1px solid #333333;
  margin-top: 2px;
  padding-top: 2px; }

body.caerp .annotationLayer .highlightAnnotation,
body.caerp .annotationLayer .underlineAnnotation,
body.caerp .annotationLayer .squigglyAnnotation,
body.caerp .annotationLayer .strikeoutAnnotation,
body.caerp .annotationLayer .freeTextAnnotation,
body.caerp .annotationLayer .lineAnnotation svg line,
body.caerp .annotationLayer .squareAnnotation svg rect,
body.caerp .annotationLayer .circleAnnotation svg ellipse,
body.caerp .annotationLayer .polylineAnnotation svg polyline,
body.caerp .annotationLayer .polygonAnnotation svg polygon,
body.caerp .annotationLayer .caretAnnotation,
body.caerp .annotationLayer .inkAnnotation svg polyline,
body.caerp .annotationLayer .stampAnnotation,
body.caerp .annotationLayer .fileAttachmentAnnotation {
  cursor: pointer; }

/***************************************************************
 * Bellow, some endi-specific hacks to make forms OK.
 **************************************************************/
body.caerp .annotationLayer {
  /* Avoid using the rules from endi HTML */
  /* Avoid content too much truncated */ }
  body.caerp .annotationLayer input, body.caerp .annotationLayer select {
    padding: 0.5rem; }
  body.caerp .annotationLayer select {
    appearance: auto; }

body.caerp .select2-container {
  min-width: 9em;
  max-width: 25em; }
  body.caerp .select2-container .select2-selection {
    background: var(--form-input-background-color);
    border: 1px solid var(--form-input-background-color);
    border-bottom-color: var(--form-input-line-color);
    border-radius: 0;
    color: var(--text-color);
    font-size: .875rem;
    line-height: 1.25rem;
    height: 2.5rem;
    padding: 0; }
    body.caerp .select2-container .select2-selection:focus {
      box-shadow: 0 1px 0 var(--form-focus-line1-color), 0 2px 0 var(--form-focus-line2-color), 0 3px 0 var(--form-focus-line3-color);
      outline: 1px dotted var(--form-focus-outline-color);
      outline-offset: 1px; }
    body.caerp .select2-container .select2-selection:hover, body.caerp .select2-container .select2-selection:focus {
      text-decoration: none; }
    body.caerp .select2-container .select2-selection .select2-selection__arrow {
      background: var(--form-select-arrow) no-repeat 100% 50%;
      background-size: 1rem .75rem;
      border: 0 none;
      height: 100%;
      width: 1.25rem; }
      body.caerp .select2-container .select2-selection .select2-selection__arrow b {
        border: 0 none; }
  body.caerp .select2-container .select2-selection__clear {
    background: none;
    border: 0 none;
    box-shadow: none;
    color: var(--svg-fill-color);
    font-size: 1.5rem;
    line-height: .875;
    margin: 0 .625rem 0 0;
    padding: .5rem; }
    body.caerp .select2-container .select2-selection__clear:hover, body.caerp .select2-container .select2-selection__clear:focus, body.caerp .select2-container .select2-selection__clear:active {
      background: none;
      box-shadow: none;
      color: var(--form-icon-button-hover-color);
      text-decoration: none;
      text-shadow: 0 1px 0 var(--form-button-icon-hover-shadow); }
  body.caerp .select2-container .select2-selection--single.select2-selection--clearable .select2-selection__clear {
    margin-right: 1.5rem; }
  body.caerp .select2-container .select2-selection__rendered {
    color: var(--text-color);
    line-height: 2.5rem;
    padding-left: 0;
    max-width: 100%; }
    body.caerp .select2-container .select2-selection__rendered .select2-selection__choice {
      border-radius: 0; }
    body.caerp .select2-container .select2-selection__rendered .select2-search--inline {
      padding: 0;
      width: 100%; }
      body.caerp .select2-container .select2-selection__rendered .select2-search--inline input[type="search"] {
        box-shadow: none;
        margin: 0;
        min-width: calc(100% - 1.5em); }
      body.caerp .select2-container .select2-selection__rendered .select2-search--inline::after {
        background: var(--form-select-arrow) no-repeat 100% 50%;
        background-size: 1rem .75rem;
        content: "";
        display: inline-block;
        height: 2.5em;
        margin-right: -5px;
        vertical-align: bottom;
        width: 1.5em; }
      body.caerp .select2-container .select2-selection__rendered .select2-search--inline:hover::after, body.caerp .select2-container .select2-selection__rendered .select2-search--inline:focus::after {
        background-image: var(--form-select-arrow-hover); }
  body.caerp .select2-container .select2-selection--multiple {
    height: auto;
    min-height: 2.5rem;
    padding: 0; }
    body.caerp .select2-container .select2-selection--multiple .select2-selection__rendered {
      line-height: 1.25; }
      body.caerp .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
        margin: .625rem 0 0; }
      body.caerp .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        background: var(--form-focus-line3-color);
        border-color: var(--form-focus-line2-color);
        border-width: 1px;
        box-shadow: 0 1px 0 var(--form-focus-line1-color), 0 2px 0 var(--form-focus-line2-color), 0 3px 0 var(--form-focus-line3-color);
        margin: var(--padding-s);
        padding: var(--padding-xs) var(--padding-s); }
    body.caerp .select2-container .select2-selection--multiple .select2-selection__choice__remove {
      background: unset;
      border: unset;
      color: var(--text-greyed-color);
      text-align: center;
      vertical-align: middle;
      margin: -5px 0 -5px -5px;
      padding: 5px 7px; }
      body.caerp .select2-container .select2-selection--multiple .select2-selection__choice__remove span {
        font-size: 1.5em;
        line-height: 1; }
      body.caerp .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover, body.caerp .select2-container .select2-selection--multiple .select2-selection__choice__remove:focus, body.caerp .select2-container .select2-selection--multiple .select2-selection__choice__remove:active {
        background: var(--form-button-background-color);
        color: var(--form-icon-button-hover-color); }
    body.caerp .select2-container .select2-selection--multiple ul {
      min-height: 2.5rem;
      /* S'étale sur plusieurs lignes si besoin */
      white-space: normal; }
      body.caerp .select2-container .select2-selection--multiple ul li {
        display: inline-block;
        float: none; }
      body.caerp .select2-container .select2-selection--multiple ul li.select2-search--inline {
        width: auto;
        /* Placeholder prend toute la place si champ vide */
        /* Pas d'icône ↓ quand sélection multiple */
        /* Évite le cadre trop resseré autour du curseur */ }
        body.caerp .select2-container .select2-selection--multiple ul li.select2-search--inline:first-child {
          width: 100%; }
        body.caerp .select2-container .select2-selection--multiple ul li.select2-search--inline::after {
          content: none; }
        body.caerp .select2-container .select2-selection--multiple ul li.select2-search--inline input[type="search"] {
          height: 2em; }
        body.caerp .select2-container .select2-selection--multiple ul li.select2-search--inline input[type="search"],
        body.caerp .select2-container .select2-selection--multiple ul li.select2-search--inline textarea {
          min-width: 100%;
          width: auto; }
    body.caerp .select2-container .select2-selection--multiple .select2-search--inline {
      height: 0;
      width: 100%;
      /* Placeholder prend toute la place si champ vide */
      /* Pas d'icône ↓ quand sélection multiple */
      /* Évite le cadre trop resseré autour du curseur */ }
      body.caerp .select2-container .select2-selection--multiple .select2-search--inline:first-child {
        width: 100%; }
      body.caerp .select2-container .select2-selection--multiple .select2-search--inline::after {
        content: none; }
      body.caerp .select2-container .select2-selection--multiple .select2-search--inline input[type="search"],
      body.caerp .select2-container .select2-selection--multiple .select2-search--inline textarea {
        height: 0;
        min-width: 100%;
        width: auto; }
      body.caerp .select2-container .select2-selection--multiple .select2-search--inline:focus-within {
        height: auto; }
        body.caerp .select2-container .select2-selection--multiple .select2-search--inline:focus-within textarea {
          height: auto; }
  body.caerp .select2-container.selection-container--focus {
    outline: none; }

body.caerp .select2-container:not(.select2-container-disabled) .select2-selection:hover .select2-selection__arrow, body.caerp .select2-container:not(.select2-container-disabled) .select2-selection:focus .select2-selection__arrow {
  background-image: var(--form-select-arrow-hover); }

body.caerp .select2-container.select2-container-disabled .select2-selection {
  border-bottom-color: var(--border-color); }

body.caerp .form-group[class*="col-md"] .select2-container,
body.caerp [class*="col-md"] > .form-group .select2-container,
body.caerp .form-group.item-company_manager_id .select2-container {
  min-width: 100%;
  max-width: 100%; }

body.caerp .base_menu nav li > .select2-container {
  border-left-width: 0;
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  width: 100% !important; }
  body.caerp .base_menu nav li > .select2-container .select2-selection__rendered {
    line-height: 1rem;
    padding-left: var(--menu-horizontal-padding); }

body.caerp .base_menu .select2-selection {
  font-size: 1rem;
  font-weight: bold;
  padding-left: 0;
  padding-right: var(--padding-s); }
  body.caerp .base_menu .select2-selection div {
    width: 1rem; }

body.caerp .select2-dropdown {
  background: var(--form-input-background-color);
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 0 4px var(--box-shadow-color);
  color: var(--text-color); }
  body.caerp .select2-dropdown .select2-results ul {
    font-size: .875rem;
    list-style-type: none;
    margin-top: var(--padding-s); }
    body.caerp .select2-dropdown .select2-results ul ul {
      margin-top: 0; }
  body.caerp .select2-dropdown .select2-results__option[aria-selected="true"] {
    background: var(--form-select2-selectedline-color);
    color: var(--text-color); }
  body.caerp .select2-dropdown .select2-results__option--highlighted {
    background: var(--theme-color);
    color: var(--theme-text-color); }
  body.caerp .select2-dropdown input[type="search"] {
    border-width: 0 0 1px; }
  body.caerp .select2-dropdown .select2-results__option {
    padding: 4px; }
  body.caerp .select2-dropdown ul ul .select2-results__option {
    padding-left: 14px; }
  body.caerp .select2-dropdown .select2-results__group {
    padding: 0 4px; }

body.caerp select[multiple] + .select2-container {
  max-width: 100%;
  min-width: 100%; }

@media (max-width: 31.25rem) {
  body.caerp .select2-container {
    max-width: calc(100vw - 30px); } }

body.caerp .tox-tbtn {
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer; }
  body.caerp .tox-tbtn:hover, body.caerp .tox-tbtn:focus, body.caerp .tox-tbtn:active {
    background: var(--form-button-background-color);
    border: 1px solid var(--form-main-button-background-color); }

body.caerp .twitter-typeahead .tt-query {
  background: var(--form-input-background-color);
  border-radius: 0 !important;
  padding: 0; }

body.caerp .twitter-typeahead .tt-dropdown-menu {
  background: var(--form-button-background-color);
  box-shadow: 0 2px 4px var(--box-shadow-color);
  border-radius: 0; }
  body.caerp .twitter-typeahead .tt-dropdown-menu .tt-suggestion {
    font-weight: bold; }
    body.caerp .twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor {
      background: none;
      color: var(--form-icon-button-hover-color); }

body.caerp {
  background: var(--screen-background-color); }
  body.caerp ul {
    list-style-type: square;
    list-style-position: inside; }
  body.caerp dt {
    font-weight: bold; }
  body.caerp h1,
  body.caerp h2,
  body.caerp legend,
  body.caerp h3,
  body.caerp h4,
  body.caerp h5,
  body.caerp h6 {
    margin: 0; }
    body.caerp h1 svg,
    body.caerp h2 svg,
    body.caerp legend svg,
    body.caerp h3 svg,
    body.caerp h4 svg,
    body.caerp h5 svg,
    body.caerp h6 svg {
      height: 1em;
      width: 1em; }
  body.caerp h2 small {
    font-weight: normal;
    padding-left: var(--padding-s); }
    body.caerp h2 small .icon.status {
      margin: 0 0 0 var(--padding-s); }
  body.caerp a:link,
  body.caerp a:visited {
    color: var(--link-color);
    text-decoration: underline; }
  body.caerp a:hover,
  body.caerp a:focus,
  body.caerp a:active {
    text-decoration: none; }
  body.caerp a .icon {
    margin-right: .25rem; }
  body.caerp a[href^="mailto"],
  body.caerp a[href^="tel"] {
    align-items: center;
    display: inline-flex;
    hyphens: none;
    overflow-wrap: anywhere; }
    body.caerp a[href^="mailto"] .icon,
    body.caerp a[href^="tel"] .icon {
      flex: 0 0 1rem; }
  body.caerp .align_right {
    text-align: right; }
  body.caerp .align_center {
    text-align: center; }
  body.caerp .icon {
    display: inline-block;
    position: relative; }
    body.caerp .icon > svg {
      fill: var(--svg-fill-color);
      font-size: 1rem;
      height: 1rem;
      pointer-events: none;
      vertical-align: sub;
      width: 1rem; }
      body.caerp .icon > svg title {
        display: none; }
    body.caerp .icon.close svg {
      margin: 2px; }
    body.caerp .icon.big > svg {
      font-size: 2rem;
      height: 2rem;
      width: 2rem; }
    body.caerp .icon.spin {
      animation: spin_anim 3s linear infinite; }
    body.caerp .icon .bubble {
      bottom: -3px;
      position: absolute;
      right: -3px; }
    body.caerp .icon.type {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain; }
      body.caerp .icon.type.default {
        background-image: url("../icons/caret.svg"); }
      body.caerp .icon.type.product {
        background-image: url("../icons/box.svg"); }
      body.caerp .icon.type.group {
        background-image: url("../icons/composite.svg"); }
      body.caerp .icon.type.training {
        background-image: url("../icons/training.svg"); }
      body.caerp .icon.type.service {
        background-image: url("../icons/service.svg"); }
      body.caerp .icon.type.workforce {
        background-image: url("../icons/workforce.svg"); }
    body.caerp .icon.tag {
      align-items: center;
      background: var(--tag-default-background-color);
      border-radius: 3px;
      display: inline-flex;
      font-size: .875em;
      line-height: 1.2;
      margin: 0 0 .125rem;
      overflow-wrap: break-word;
      padding: .125rem .25rem; }
      body.caerp .icon.tag svg {
        height: .875rem;
        flex: 0 0 .875rem;
        width: .875rem; }
      body.caerp .icon.tag.only {
        padding: .25rem;
        vertical-align: middle; }
      body.caerp .icon.tag:not(.only) svg {
        margin-right: var(--padding-s); }
      body.caerp .icon.tag.only {
        height: 1.375rem;
        width: 1.375rem; }
      body.caerp .icon.tag.neutral svg {
        fill: var(--func-neutral-color); }
      body.caerp .icon.tag.positive {
        background: var(--func-positive-color);
        color: var(--theme-text-color); }
        body.caerp .icon.tag.positive svg {
          fill: var(--theme-text-color); }
      body.caerp .icon.tag.negative {
        background: var(--func-negative-color);
        color: var(--theme-text-color); }
        body.caerp .icon.tag.negative svg {
          fill: var(--theme-text-color); }
      body.caerp .icon.tag.caution {
        background: var(--func-caution-color);
        color: var(--svg-invert-fill-color); }
        body.caerp .icon.tag.caution svg {
          fill: var(--svg-invert-fill-color); }
      body.caerp .icon.tag + .tag {
        margin-left: .25rem; }
    body.caerp .icon.function {
      display: inline-flex;
      vertical-align: middle; }
      body.caerp .icon.function svg {
        height: 1rem;
        flex: 0 0 1rem;
        width: 1rem; }
      body.caerp .icon.function.neutral svg {
        fill: var(--func-neutral-color); }
      body.caerp .icon.function.positive svg {
        fill: var(--func-positive-color); }
      body.caerp .icon.function.negative svg {
        fill: var(--func-negative-color); }
      body.caerp .icon.function.caution svg {
        fill: var(--func-caution-color); }
  body.caerp a.icon svg {
    margin-right: var(--padding-s);
    vertical-align: text-top; }
  body.caerp a.icon:not(.btn):hover > svg,
  body.caerp a.icon:not(.btn):focus > svg,
  body.caerp a.icon:not(.btn):active > svg {
    filter: drop-shadow(0 1px 0 var(--static-invert-color));
    fill: var(--form-icon-button-hover-color); }
  body.caerp .icon.status {
    align-items: center;
    background: var(--icon-neutral-color);
    border-radius: .25rem;
    display: inline-flex;
    display: inline flex;
    height: 1.75rem;
    justify-content: center;
    padding: .3125rem;
    width: 1.75rem; }
    body.caerp .icon.status svg {
      fill: var(--static-invert-color);
      height: 1.125rem;
      margin: 0 !important;
      width: 1.125rem; }
    body.caerp .icon.status.big {
      height: 3rem;
      width: 3rem; }
      body.caerp .icon.status.big svg {
        height: 2.5rem;
        width: 2.5rem; }
    body.caerp .icon.status.success, body.caerp .icon.status.valid, body.caerp .icon.status.completed {
      background: var(--func-positive-color); }
    body.caerp .icon.status.caution, body.caerp .icon.status.wait, body.caerp .icon.status.danger {
      background: var(--func-caution-color); }
      body.caerp .icon.status.caution svg, body.caerp .icon.status.wait svg, body.caerp .icon.status.danger svg {
        fill: var(--static-color); }
    body.caerp .icon.status.partial_unpaid, body.caerp .icon.status.action_pending {
      background: linear-gradient(160deg, var(--func-positive-color) 0%, var(--func-positive-color) 50%, var(--func-caution-color) 51%, var(--func-caution-color) 100%); }
    body.caerp .icon.status.error, body.caerp .icon.status.invalid, body.caerp .icon.status.cancelled, body.caerp .icon.status.failed, body.caerp .icon.status.unpaid {
      background: var(--func-negative-alternate-color); }
    body.caerp .icon.status.draft, body.caerp .icon.status.closed {
      background: var(--icon-neutral-color); }
    body.caerp .icon.status.disabled, body.caerp .icon.status.private {
      background: var(--func-disabled-color); }
    body.caerp .icon.status.neutral, body.caerp .icon.status.planned {
      background: var(--func-neutral-color); }
    body.caerp .icon.status.mode {
      background: var(--theme-color); }
      body.caerp .icon.status.mode svg {
        fill: var(--theme-text-color); }
  body.caerp h2 .icon.status svg {
    vertical-align: text-top; }
  body.caerp p .icon svg {
    vertical-align: baseline; }
  body.caerp .bubble {
    background: var(--func-neutral-color);
    color: var(--static-invert-color);
    border-radius: 50%;
    display: inline-block;
    font-family: 'OpenSans', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    height: 1.5rem;
    letter-spacing: -.05em;
    line-height: 1.4375rem;
    text-align: center;
    width: 1.5rem; }
    body.caerp .bubble.inactive {
      background: var(--icon-neutral-color); }
    body.caerp .bubble.caution {
      background: var(--func-caution-color);
      color: var(--static-color); }
    body.caerp .bubble.negative {
      background: var(--func-negative-color); }
    body.caerp .bubble.positive {
      background: var(--func-positive-color);
      color: var(--static-color); }
  body.caerp svg.neutral {
    fill: var(--func-neutral-color); }
  body.caerp svg.error, body.caerp svg.invalid {
    fill: var(--func-negative-color); }
  body.caerp svg.caution {
    fill: var(--func-caution-color); }
  body.caerp svg.success, body.caerp svg.valid {
    fill: var(--func-positive-color); }
  body.caerp .user_avatar {
    align-items: center;
    background: var(--theme-color);
    border-radius: 50%;
    clip-path: circle(1.5rem);
    display: flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    margin-right: 5px;
    overflow: hidden;
    width: 3rem; }
    body.caerp .user_avatar img {
      height: auto;
      max-height: 100%;
      max-width: 100%;
      width: auto; }
    body.caerp .user_avatar svg {
      height: 2.25rem;
      fill: var(--theme-text-color);
      margin: .75rem .375rem 0;
      width: 2.25rem; }
    body.caerp .user_avatar + h3 {
      align-self: center; }
  body.caerp .layout.flex .user_avatar + div {
    align-self: center; }
  body.caerp .access_tools {
    background: var(--form-input-background-color);
    box-shadow: 0 0 5px var(--box-shadow-color);
    margin-left: -25rem;
    padding: var(--padding-s);
    position: absolute;
    transition: transform .15s ease-out;
    max-width: 20rem;
    z-index: 35; }
    body.caerp .access_tools a {
      align-items: flex-start;
      color: var(--link-color);
      display: flex;
      font-size: 1rem;
      font-weight: bold;
      justify-content: space-between;
      line-height: 1.125rem;
      margin-bottom: 2px;
      padding: 2px;
      text-decoration: none; }
      body.caerp .access_tools a > span {
        flex: 1 1 auto; }
      body.caerp .access_tools a em {
        color: var(--text-greyed-color);
        flex: 0 0 1em;
        font-style: normal;
        font-weight: normal;
        margin-top: 2px;
        text-align: center; }
      body.caerp .access_tools a.no_desktop {
        display: none; }
    body.caerp .access_tools a:hover span,
    body.caerp .access_tools a:focus span,
    body.caerp .access_tools a:active span {
      text-decoration: underline; }
    body.caerp .access_tools:focus, body.caerp .access_tools:focus-within, body.caerp .access_tools:target {
      transform: translate(25rem); }
    body.caerp .access_tools span.menu_mini {
      display: none; }
    body.caerp .access_tools span.menu_maxi {
      display: inline; }
  body.caerp.menu_mini .access_tools span.menu_mini {
    display: inline; }
  body.caerp.menu_mini .access_tools span.menu_maxi {
    display: none; }
  body.caerp .more_info {
    background: var(--screen-background-color);
    box-shadow: 0 4px 6px var(--box-shadow-color);
    display: none;
    max-width: 90vw;
    padding: 5px;
    position: absolute;
    z-index: 10;
    width: max-content; }
    body.caerp .more_info.open {
      display: block; }
    body.caerp .more_info h4 {
      align-items: center;
      display: flex;
      justify-content: space-between; }
      body.caerp .more_info h4 .icon {
        align-self: flex-start; }
  body.caerp.preload * {
    transition: none !important; }
  body.caerp .loading_box,
  body.caerp .feedback_box {
    align-items: center;
    background: var(--loader-layer-background-color);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 50; }
    body.caerp .loading_box svg,
    body.caerp .feedback_box svg {
      animation: spin_anim 3s linear infinite;
      height: 8rem;
      width: 8rem;
      fill: var(--svg-invert-fill-color); }
  body.caerp .feedback_box svg {
    animation: unset;
    fill: var(--func-neutral-color); }
  body.caerp .feedback_box.positive svg {
    fill: var(--func-positive-color); }
  body.caerp .feedback_box.negative svg {
    fill: var(--func-negative-color); }
  body.caerp .feedback_box.caution svg {
    fill: var(--func-caution-color); }
  body.caerp .text_block {
    margin: var(--padding-s) 0;
    padding: var(--padding-m) 0; }
  body.caerp hr {
    border: 1px solid var(--border-trans-color);
    border-width: 1px 0 0; }
  body.caerp .separate_top {
    border-top: 1px solid var(--border-trans-color);
    margin-top: var(--padding-xl); }
  body.caerp .separate_bottom {
    border-bottom: 1px solid var(--border-trans-color);
    margin-bottom: var(--padding-xl); }
  body.caerp .separate_top_dashed {
    border-top: 1px dashed var(--border-trans-color);
    margin-top: var(--padding-m); }
  body.caerp .separate_bottom_dashed {
    border-bottom: 1px dashed var(--border-trans-color);
    margin-bottom: var(--padding-m); }
  body.caerp .space_top {
    margin-top: var(--padding-m); }
  body.caerp .space_bottom {
    margin-bottom: var(--padding-m); }
  body.caerp .separate_block {
    box-shadow: 0 2px 4px var(--box-shadow-color);
    margin-bottom: var(--padding-xl); }
  body.caerp .private .separate_block {
    box-shadow: 0 0 2px var(--box-shadow-color); }
  body.caerp .separate_block.composite .border_left_block {
    margin-bottom: 1px; }
  body.caerp .separate_block.composite .border_left_block.composite,
  body.caerp .separate_block.composite .border_left_block ~ .border_left_block {
    border-top: 1px dashed var(--border-color);
    box-shadow: 0 -1px 1px var(--box-shadow-color); }
  body.caerp .content_padding {
    padding: var(--padding-s); }
  body.caerp .content_double_padding {
    padding: var(--padding-m); }
  body.caerp .content_vertical_padding {
    padding: var(--padding-s) 0; }
  body.caerp .content_vertical_double_padding {
    padding: var(--padding-m) 0; }
  body.caerp .content_horizontal_padding {
    padding: 0 var(--padding-s); }
  body.caerp .content_horizontal_double_padding {
    padding: 0 var(--padding-m); }
  body.caerp .border_left_block {
    border-left: var(--padding-s) solid var(--theme-color); }
  body.caerp .private .border_left_block {
    border-left-color: var(--border-color); }
  body.caerp .status_block {
    color: var(--static-invert-color);
    font-weight: bold; }
    body.caerp .status_block.positive {
      background: var(--func-positive-color); }
    body.caerp .status_block.negative {
      background: var(--func-negative-color); }
    body.caerp .status_block.caution {
      background: var(--func-caution-color);
      color: var(--static-color); }
  body.caerp .activity-total,
  body.caerp .internal-total {
    background: var(--message-info-background-color);
    margin: 0 0 var(--padding-m);
    padding: var(--padding-s); }
  body.caerp .grand-total {
    background: var(--message-info-background-color);
    margin: var(--padding-m) 0;
    padding: var(--padding-s); }
    body.caerp .grand-total .layout.flex {
      justify-content: space-between; }
      body.caerp .grand-total .layout.flex > div {
        flex: 1 1 auto;
        margin-right: var(--padding-m); }
      body.caerp .grand-total .layout.flex > div:last-child {
        flex: 0 1 auto;
        margin-right: 0; }
    body.caerp .grand-total .icon:not(.status) svg {
      height: 1.25rem;
      width: 1.25rem; }
    body.caerp .grand-total .icon.error:not(.status) svg {
      fill: var(--func-negative-color); }
    body.caerp .grand-total .icon.caution:not(.status) svg {
      fill: var(--func-caution-color); }
    body.caerp .grand-total .icon.status {
      margin: var(--padding-s) 0; }
    body.caerp .grand-total .btn.unstyled {
      margin-top: var(--negative-padding-s);
      vertical-align: middle; }
  body.caerp .totals.form-section {
    display: flex;
    justify-content: flex-end; }
    body.caerp .totals.form-section .layout.flex {
      width: 12em; }
      body.caerp .totals.form-section .layout.flex > div:nth-child(2n + 1) p {
        padding-top: 2px; }
      body.caerp .totals.form-section .layout.flex > div:nth-child(2n) p {
        text-align: right; }
    body.caerp .totals.form-section.business_expenses .layout.flex {
      width: 26em; }
    body.caerp .totals.form-section ul {
      margin-left: var(--padding-m); }
  body.caerp p.math_formula {
    padding: var(--padding-s);
    white-space: nowrap; }
    body.caerp p.math_formula.denominator {
      border-top: 1px solid var(--border-color); }
  body.caerp .vanishable:empty {
    /* out of flow when empty */
    display: none; }
  body.caerp .print-only {
    display: none !important; }
  body.caerp .dropzone {
    align-items: center;
    border: 1px dashed var(--border-color);
    margin: var(--padding-m) 0;
    padding: var(--padding-m);
    text-align: center; }
    body.caerp .dropzone .icon {
      margin: 1rem auto; }
      body.caerp .dropzone .icon svg {
        height: var(--icon-size-l);
        width: var(--icon-size-l); }
    body.caerp .dropzone label {
      cursor: pointer;
      display: block;
      width: 100%; }
  body.caerp .capabilities .content_vertical_padding + div ~ div {
    padding-top: var(--padding-m); }
  body.caerp .capabilities h4 .icon {
    fill: var(--svg-fill-color); }
  body.caerp .print-hint {
    display: none !important; }
  body.caerp span.hidden_pdf,
  body.caerp small.hidden_pdf,
  body.caerp td.hidden_pdf,
  body.caerp th.hidden_pdf,
  body.caerp tr.hidden_pdf td:not(.empty):not(.level_spacer):not(.col_actions),
  body.caerp tr.hidden_pdf th:not(.empty):not(.level_spacer):not(.col_actions) {
    background: repeating-linear-gradient(-45deg, transparent 0, transparent 4px, var(--screen-shaded-background-color) 5px, transparent 6px, transparent 10px);
    color: var(--text-greyed-color);
    text-shadow: 0 1px 0 var(--screen-background-color), 0 -1px 0 var(--screen-background-color), 1px 0 0 var(--screen-background-color), -1px 0 0 var(--screen-background-color); }
  body.caerp .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; }
  body.caerp .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; }
  body.caerp .visuallyhidden {
    border: 0 none !important;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  body.caerp .visuallyhidden.focusable:active,
  body.caerp .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }
  body.caerp .hide-decimals .decimal-part {
    display: none; }

@-webkit-keyframes appear_anim {
  0% {
    display: block;
    opacity: 0;
    transform: scale(0.75);
    visibility: visible; }
  5% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes appear_anim {
  0% {
    display: block;
    opacity: 0;
    transform: scale(0.75);
    visibility: visible; }
  5% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: scale(1); } }

@-webkit-keyframes dismiss_anim {
  0% {
    opacity: 1;
    transform: scale(1); }
  95% {
    opacity: 0; }
  100% {
    display: none;
    opacity: 0;
    transform: scale(0.75);
    visibility: hidden; } }

@keyframes dismiss_anim {
  0% {
    opacity: 1;
    transform: scale(1); }
  95% {
    opacity: 0; }
  100% {
    display: none;
    opacity: 0;
    transform: scale(0.75);
    visibility: hidden; } }

@-webkit-keyframes spin_anim {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin_anim {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@media (max-width: 62.5rem) {
  body.caerp .access_tools a.no_tablet {
    display: none; }
  body.caerp .access_tools a.no_desktop {
    display: flex; } }

@media (max-width: 50rem) {
  body.caerp .grand-total .layout.flex > div:nth-child(n + 2) {
    margin-top: var(--padding-s); }
  body.caerp .grand-total .layout.flex > div:empty {
    display: none; }
    body.caerp .grand-total .layout.flex > div:empty + div {
      margin-top: 0; } }

@media (max-width: 31.25rem) {
  body.caerp .separate_block {
    max-width: calc(100vw - .625rem);
    width: calc(100vw - .625rem); }
  body.caerp .border_left_block {
    max-width: 100vw;
    width: 100vw;
    overflow-x: auto; } }

@media print {
  @page {
    margin: 1cm; }
  html,
  body {
    overflow: visible;
    page-break-after: avoid;
    width: 100%; }
  body.caerp {
    background: white;
    color: black;
    font-size: 10pt;
    max-width: 100%;
    overflow: visible;
    page-break-after: avoid; }
    body.caerp .base_layout,
    body.caerp .base_content {
      max-width: 100%;
      overflow: visible;
      width: 100%; }
    body.caerp .base_layout.layout.flex {
      display: block;
      height: auto;
      overflow: visible;
      page-break-after: avoid; }
    body.caerp .base_content.layout.flex {
      display: block;
      outline: none;
      padding: var(--print-padding-r); }
    body.caerp .main_area,
    body.caerp .main_area > main,
    body.caerp .main_content {
      display: block;
      height: auto;
      overflow: visible;
      page-break-after: avoid;
      max-width: 100%;
      padding: 0;
      width: 100%; }
    body.caerp .main_header {
      height: auto;
      padding: 0; }
      body.caerp .main_header .header_content {
        overflow: visible; }
        body.caerp .main_header .header_content > div {
          overflow: visible; }
      body.caerp .main_header h1 {
        overflow: visible;
        white-space: normal; }
        body.caerp .main_header h1 .icon {
          display: none; }
    body.caerp .content {
      width: 100%; }
    body.caerp h1 {
      font-size: 14pt; }
    body.caerp h2 {
      font-size: 13pt; }
    body.caerp h3 {
      font-size: 12pt; }
    body.caerp h4,
    body.caerp h5,
    body.caerp h6 {
      font-size: 11pt; }
    body.caerp h1,
    body.caerp h2,
    body.caerp h3,
    body.caerp h4,
    body.caerp h5,
    body.caerp h6,
    body.caerp .keep_with_next {
      page-break-after: avoid; }
    body.caerp ul {
      page-break-inside: avoid; }
    body.caerp .table_container {
      display: contents !important;
      height: auto;
      margin: 0;
      overflow-x: visible;
      padding: var(--print-padding-r) var(--print-padding-s) var(--print-padding-2xl) !important;
      width: 100% !important; }
      body.caerp .table_container thead {
        position: static; }
    body.caerp table {
      page-break-inside: auto; }
      body.caerp table tr {
        page-break-inside: avoid;
        page-break-after: auto; }
      body.caerp table thead {
        display: table-header-group;
        page-break-after: avoid; }
      body.caerp table tfoot {
        display: table-footer-group;
        page-break-before: avoid; }
      body.caerp table th,
      body.caerp table td {
        font-size: 10pt; }
    body.caerp .tab-content {
      border: 0 none !important;
      height: auto;
      overflow: visible;
      padding: var(--print-padding-m) 0;
      page-break-after: avoid;
      width: 100%; }
    body.caerp .nav-tabs,
    body.caerp .dropzone {
      display: none; }
    body.caerp .tab-content .tab-pane {
      display: block !important;
      visibility: visible !important; }
    body.caerp .hidden-print {
      display: none !important; }
    body.caerp .print-only {
      display: block !important; }
    body.caerp .nav-pills,
    body.caerp button,
    body.caerp .btn,
    body.caerp .col_actions,
    body.caerp .main_toolbar {
      display: none !important; } }
